Javascript напечатан <IFRAME> без отображения контента

0

Я работаю над многострочной страницей, где теги javascript используются для изменения слайдов.

Итак, у меня есть несколько ссылок:

<html><head>
<link rel="javascript" href="script.js">
</head><body>
<a href="javascript:display1()">Slide 1</a> | <a href="javascript:display2()">Slide 2</a>
<br><span id="display"></span>
<script src="script.js"></script>
</body></html>

Две ссылки запускают следующий код Javascript: (Предполагая, что скрипт называется "script.js")

function display1() {document.getElementById('display').innerHTML = '<iframe href="slide1.html"></iframe>';};
function display2() {document.getElementById('display').innerHTML = '<iframe href="slide2.html"></iframe>';};

Кроме того, единственная проблема заключается в том, что (если обе страницы имеют на них контент), заключается в том, что он не отображает ничего вообще после нажатия ссылок. Так как это код для тега:

<span id="display">
<iframe href="slide1.html></iframe>
</span>

с документом внутри него, отображающим как:

<span id="display">
<iframe href="slide1.html>
#document
<html>
<head></head>
<body></body>
</html>
</iframe>
</span>

Вместо:

<span id="display">
<iframe href="slide1.html>
#document
<html>
<head></head>
<body><b>Slide 1</b></body>
</html>
</iframe>
</span>

Я делаю что-то неправильно?

Теги:
iframe

1 ответ

3
Лучший ответ

В iframe нет href, у него есть атрибут src?

.innerHTML = '<iframe src="slide1.html"></iframe>';};

Ещё вопросы

Сообщество Overcoder
Наверх
Меню