📜  如何使用 JavaScript 在 iframe 中导航 URL?(1)

📅  最后修改于: 2023-12-03 15:38:02.331000             🧑  作者: Mango

如何使用 JavaScript 在 iframe 中导航 URL?

在使用 iframe 嵌入网页时,常常需要通过 JavaScript 导航 iframe 中的 URL。下面介绍两种常用的方法。

1. 通过 iframe 的 contentWindow 属性

可以通过 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';
2. 通过 iframe 的 src 属性

也可以直接通过设置 iframe 的 src 属性来导航 URL。

// 获取 iframe 元素
var iframe = document.getElementById('my-iframe');

// 设置 iframe 的 src 属性
iframe.src = 'http://www.example.com';

需要注意的是,修改 iframe 的 src 属性会重新加载 iframe 中的页面,因此在使用这种方法时需要慎重考虑。

以上是两种常用的方法,根据具体需求选择即可。