Javascript 打印<IFRAME>不显示内容

Javascript printed <IFRAME> not displaying content

本文关键字：显示 IFRAME 打印 Javascript      更新时间：2023-09-26

我一直在研究一个多幻灯片页面，其中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 代码：（假设脚本称为"脚本.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>';};
相关文章：