📅  最后修改于: 2023-12-03 15:38:02.331000             🧑  作者: Mango
在使用 iframe 嵌入网页时,常常需要通过 JavaScript 导航 iframe 中的 URL。下面介绍两种常用的方法。
可以通过 iframe 的 contentWindow 属性获取到 iframe 中的 window 对象,从而可以通过该对象操作 iframe 的 URL。
// 获取 iframe 元素
var iframe = document.getElementById('my-iframe');
// 获取 iframe 中的 window 对象
var iframeWindow = iframe.contentWindow;
// 在 iframe 中导航 URL
iframeWindow.location.href = 'http://www.example.com';
也可以直接通过设置 iframe 的 src 属性来导航 URL。
// 获取 iframe 元素
var iframe = document.getElementById('my-iframe');
// 设置 iframe 的 src 属性
iframe.src = 'http://www.example.com';
需要注意的是,修改 iframe 的 src 属性会重新加载 iframe 中的页面,因此在使用这种方法时需要慎重考虑。
以上是两种常用的方法,根据具体需求选择即可。