在js中获取iframe的元素，js如何获取iframe中src参数

关于JS中获取iframe元素

1、首先，打开html编辑器，新建html文件，例如：index.html，填写相应html代码。

2、每个“窗口”都是一个JS Runtime，即JS的运行时。如果只有一个窗口，那么就只有一个Runtime；如果一个窗口下面还有一个iframe，那么就有两个Runtime；以此类推。Runtime之间互操作（或者通信）是有跨域限制的。

3、iframe src= id=baidu/ app应该不支持script标签，这里就不写具体函数了，你定义一个js函数，在iframe的onload方法中执行，var baidu=document.getElementById(baidu)然后得分析你要获取的元素标签是什么，再通过 baidu.document.getElementById或者其他方法获取你要的值。

相关问答

Q1: 如下图,怎么通过js或jquery获取iframe里面body的内容?

Jquery可以使用“$(iframe body).html()”语句获取iframe里面body的html内容。jQuery选择器允许对HTML元素组或单个元素进行操作，所有选择器都以美元符号开头：$()。元素选择器基于元素名选取元素，例如：“$(p)”可以获取页面中所有p元素对应的jquery对象。

在父页面 获取iframe子页面的元素 代码如下：(#objid，document.frames(iframename).document)(document.getElementById(iframeId).contentWindow.document.body).html()显示iframe中body元素的内容。

要解释这个问题，首先要解释两个技术点。每个“窗口”都是一个JS Runtime，即JS的运行时。如果只有一个窗口，那么就只有一个Runtime；如果一个窗口下面还有一个iframe，那么就有两个Runtime；以此类推。Runtime之间互操作（或者通信）是有跨域限制的。

alert( win.document.body.innerText )；} /script /head body input type=button onclick=aClick() id=a value=测试/ iframe id=b name=c src=a.txt /body /html code]您可以在火狐社区了解更多内容。

首先，在你写这段js或引入改js的页面必须在获得之前已经存在这个iframe，哪怕是动态添加进去的，也要在获取之前就存在了。其次，获取子iframe的方法还有：基本的操作方法：document.frames(frame_id).document.action； 其中，frame_id是该父页面需要进行操作的iframe的id，action是iframe中的相关操作。

http：//zhidao.baidu.com/question/42335516306750225html？oldq=1&qq-pf-to=pcqq.c2c 我不知道你有没有写过后端语言，页面中出现frame本地直接地址访问有时会被组织一些脚本，我如果你有开发环境或者自己的主机放进去测试才是真正产品环境看到的结果。

Q2: 怎么获取iframe里面的元素

代码如下：(#objId， parent.document)；// 搞定...在父页面 获取iframe子页面的元素 代码如下：(#objid，document.frames(iframename).document)(document.getElementById(iframeId).contentWindow.document.body).html()显示iframe中body元素的内容。

对，jQuery可以操作外部iframe的元素。首先，您需要获取到iframe元素，然后使用contents()方法来访问iframe内部的元素，最后使用其他jQuery方法来操作目标元素。

driver.switch_to.default_content()关闭浏览器 driver.quit()```以上代码中，我们首先通过find_elements()方法查找所有的iframe元素，并依次遍历，然后通过switch_to.frame()方法切换到当前的iframe。

一。找子窗口中的元素，用contents().find()的方法可以实现。比如：var w=$(#bb).contents().find(#c).contents().find(#ni).html()；找到当前页面中id为bb的iframe下的id为c的iframe下的id为ni的html()二。

(iframe) 这个就可以取到所有的iframe元素了。接下来再判断这些iframe元素中有没有想要获取的某个元素了。有的话就对他取值就好了。

Q3: js如何远程获取iframe标签内容

1、iframe src= id=baidu/ app应该不支持script标签，这里就不写具体函数了，你定义一个js函数，在iframe的onload方法中执行，var baidu=document.getElementById(baidu)然后得分析你要获取的元素标签是什么，再通过 baidu.document.getElementById或者其他方法获取你要的值。

2、在iframe子页面获取父页面元素 代码如下：(#objId， parent.document)；// 搞定...在父页面 获取iframe子页面的元素 代码如下：(#objid，document.frames(iframename).document)(document.getElementById(iframeId).contentWindow.document.body).html()显示iframe中body元素的内容。

3、因此外层Runtime中的JS想操作内层iframe中的内容，就必须要避免跨域限制。要么内层iframe加载页面的域名跟外层是一样的。要么就是需要在内层iframe加载的页面中执行document.domain = baidu.com；从而设置跟外层的主域相同。

4、page.includeJs(jquery.min.js， function() { page.evaluate(function(){ //此处调用页面js方法 })；})；基本原理就是加载完页面后，触发部分jquery事件继续渲染页面。假设frame是在document.ready函数中加载的，直接爬下来肯定是空的，而page.evaluate方法可以模拟浏览器继续执行。

Q4: JS获取IFRAME中的DIV

Runtime之间互操作（或者通信）是有跨域限制的。也就是说，如果这个窗口本身是a.baidu.com域名下的页面，那么如果这个页面下还有一个iframe，这个iframe中加载的页面是b.baidu.com域名下的。那么外层的JS。就不能跟这个iframe中的内容互操作（或者通信）。

frame引用的页面是通过form提交，返回的数据流。这种情况下 用$(#IframeID).contents().find(div).eq(0).html()获取不到页面里的div对象。

通过id直接访问对象还存在兼容问题。建议用document.getElementById标准的形式获取对象。如果一个元素符合下面两条规则中的任一条，则window对象中必须要有与之对应的一个属性，属性值就是这个对象。

Iframe是一种嵌入网页的框架形式，Web页面可以通过更改嵌入的部分，达到部分内容刷新。

首先新建文件。js如何获取div里面的内容，代码如下。js修改div里面的内容。js 获取input里面的内容。js修改input里面的内容，这样就完成了。注意事项：因为Netscape与Sun合作，Netscape管理层希望它外观看起来像Java，因此取名为JavaScript。但实际上它的语法风格与Self及Scheme较为接近。

(document.getElementById(iframeId).contentWindow.document.body).html()显示iframe中body元素的内容。

在js中获取iframe的元素的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于js如何获取iframe中src参数、在js中获取iframe的元素的信息别忘了在本站进行查找喔。