Я работаю над многострочной страницей, где теги 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 нет href
, у него есть атрибут src
?
.innerHTML = '<iframe src="slide1.html"></iframe>';};