js和jquery给iframe src赋值的3种方法
网页使用iframe嵌入网页时,有时候需要动态处理src的值,而不是写死的,所以我们需要知道如何给iframe src赋值,通常是使用js或jquery来实现。本文介绍js和jquery给iframe src赋值的3种方法。
方法一
这是最常用的js给iframe src赋值的方法,代码如下:
iframe src赋值的方法
方法二
通过js创建一个iframe元素,然后再给该元素src赋值,代码如下:
iframe src赋值的方法
最后一句 document.body.appendChild(myIframe);
是表示在 body
里添加刚定义的 myIframe
这个控件。
我们也可以把该iframe添加到某一个div容器里,写法如下:document.getElementById("div1").appendChild(myIframe);
, div1是该div容器的id 。
方法三
上面两个方法都是用js来实现的,其实我们也可以用jquery来实现,代码如下:
iframe src赋值的方法
特别注意,上述jquery代码不能缺少 $(document).ready();
,否则iframe src赋值失败,除非把jquery的代码放在 <iframe ...
的html代码后面。此外,还需要在 <head></head>
里引用 jquery.js
文件