如何用 javascript 更改 iframe- src

1. 直接通过JavaScript修改

你可以通过JavaScript直接获取iframe元素，并修改其src属性。这是最直接的方法。下面是一个简单的例子：

假设我们有这样一个HTML结构:

html
<iframe id="myIframe" src="original_page.html"></iframe>

你可以使用以下JavaScript代码来更改这个iframe的src属性：

javascript
document.getElementById('myIframe').src = "new_page.html";

这段代码通过 getElementById方法获取到id为 myIframe的iframe元素，然后直接修改其src属性为"new_page.html"。

2. 使用setAttribute()方法

另一种方式是使用 setAttribute()方法，这也是修改HTML元素属性的通用方法。以下是如何使用这种方法：

javascript
document.getElementById('myIframe').setAttribute('src', 'new_page.html');

这段代码同样获取iframe元素，但使用 setAttribute方法来更新src属性。这种方法的优点在于它更明确，特别是在处理自定义属性时非常有用。

使用场景

• 内容更新：如果你的网页需要根据用户的操作加载不同的内容，可以通过更改iframe的src来实现，这样用户体验更流畅，不需要重新加载整个页面。
• 权限控制：某些页面内容可能基于用户的权限显示不同的内容或操作界面，通过JavaScript动态更改iframe的src，可以很容易地根据用户的权限展示对应的内容。

以上就是使用JavaScript来更改iframe的src属性的基本方法。