JavaScript设置iframe的src

在JavaScript中，我们可以通过操作iframe的src属性来动态地设置iframe的内容。iframe（内联框架）是HTML中的一个标签，可以嵌入其他网页或者内容。

下面是一些常用的方法来设置iframe的src：

方法一：直接设置src属性

const iframe = document.getElementById('myIframe');
iframe.src = 'https://www.example.com';

或

document.getElementById('myIframe').src = 'https://www.example.com';

这里，我们通过getElementById方法获取了id为myIframe的iframe元素，并将其src属性设置为'https://www.example.com'，从而改变了iframe中显示的内容。

方法二：动态构建src链接

const iframe = document.getElementById('myIframe');
const url = 'https://www.example.com';
iframe.src = `https://www.example.com?param1=value1&param2=value2`;

我们可以动态生成一个src链接，并将其设置为iframe的src属性。这在需要根据不同条件加载不同内容的情况下非常有用。

方法三：通过事件监听来设置src属性

const iframe = document.getElementById('myIframe');
const button = document.getElementById('myButton');

button.addEventListener('click', function() {
  iframe.src = 'https://www.example.com';
});

这里，我们为一个按钮添加了一个点击事件监听器。当按钮被点击时，事件处理程序将iframe的src属性设置为'https://www.example.com'。

以上是一些常用的方法来设置iframe的src。你可以根据你的具体需求选择适合的方法。