Question

我一直在使用多个滑动页面，其中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代码：（假设脚本被调用＆＃34; script.js＆＃34;）

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>

我做错了吗？

Answer 1

iframe没有href，它有src属性？

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

Javascript打印<iframe>不显示内容</iframe>

1 个答案: