📅 最后修改于: 2023-12-03 15:42:01.187000 🧑 作者: Mango
在 HTML 中，可以使用 <iframe> 元素嵌入一个网页。
我们可以通过更改 <iframe> 的 src 属性来加载不同的网页。但是，如果我们希望用户通过单击链接来更改 <iframe> 的 src 属性，该怎么办呢？
这就需要用到 JavaScript。以下是实现这一功能的步骤：
创建一个链接元素（<a>）。
添加 onclick 事件处理程序，该事件处理程序将更改 <iframe> 的 src 属性。
确定要更改的 <iframe> 元素的 ID。
以下是示例代码：
<a href="#" onclick="document.getElementById('myIframe').src = 'http://example.com'; return false;">更改 iframe src</a>
<iframe id="myIframe" src="http://yourwebsite.com"></iframe>
以上示例代码将创建一个链接，单击该链接将更改 <iframe> 的 src 属性为 http://example.com。其中 return false; 指示浏览器不要跳转到链接的 URL。
请注意，代码片段中的 http://yourwebsite.com 应替换为您要嵌入的网页的 URL。
此外，要在任何 <iframe> 中显示外部网页，您必须在该网页的 <head> 中添加以下标记：
<meta http-equiv="X-Frame-Options" content="allow">
这可防止网站将其内容嵌入其他网站。
参考：