<iframe id="test-iframe" name="test-iframe" src="childhtml" scrolling="no" frameborder="0"></iframe>
<script>
windowonload = function () {
/
下面两种获取节点内容的方式都可以。
由于 IE6, IE7 不支持 contentDocument 属性,所以此处用了通用的
windowframes["iframe Name"] or windowframes[index]
/
var d = windowframes["test-iframe"]document;
dgetElementsByTagName('h1')[0]innerHTML = 'pp';
alert(dgetElementsByTagName('h1')[0]firstChilddata);
}
</script>
注:在请务必通过 windowonload 方法访问 iframe 中的节点,否则浏览器会提示错误-拒绝访问。在 IE8, Firefox36, Opera11 下在 DOMReady 时也可以访问 iframe 中的节点。
如果 iframe地址与当前页面地址同域,js可以访问该页面内的对象
使用 windowframes[0] 或者windowframes[name] 来访问frame的window对象
如要获取元素,使用 windowframes[0]documentgetElementById
另外 ,ie系列和webkit系列可能访问方法上略有区别,具体可调试查看
父页面:
<iframe id="test-iframe" src=">
父窗口中 *** 作iframe $(window frames["iframeChild"] document) //假如iframe的id为iframeChild 在子窗口中 *** 作父窗口 $(window parent document) 接下来就可以继续获取iframe内的dom了 获取iframe内的dom对象有两种方法 $(window frames["iframeChild"] document) find("#child") $("#child" window frames["iframeChild"] document) 在父窗口中 *** 作 选中IFRAME中的所有单选按钮
复制代码 代码如下: $(window frames["iframeChild"] document) find("input[@type= radio ]") attr("checked" "true");在IFRAME中 *** 作 选中父窗口中的所有单选按钮
复制代码 代码如下: lishixinzhi/Article/program/Java/JSP/201311/20182
获取父级页面,你只需获取到父级的window就可以做获取数据 *** 作,windowparent即为iframe获取父级页面window的方法。
想要获取iframe被替换的ajsp的数据,如果数据比较大,你就保存在父级window里面;数据较小比如是一个字符串之类的,那就在你ajsp *** 作locationhref改变为bjsp时将数据带上url后面作为传参,例如locationhref = "bjspxxx=xxx"。
可以通过 windowtopframes 先获取全部 frame,在你的例子中有两个 frame
windowtopframes[0]:left
windowtopframes[1]:main
获得两个 frame 后就可以像平常一样获取页面元素
indexhtml
<!DOCTYPE html><html>
<head>
<title></title>
</head>
<frameset cols="300,">
<frame id="left" src="lefthtml">
<frame id="main" src="mainhtml">
</frameset>
</html>
lefthtml
<!DOCTYPE html><html>
<head>
<title>left</title>
</head>
<body>
<p>lefthtml</p>
<div id="num">12345</div>
</body>
</html>
mainhtml
<!DOCTYPE html><html>
<head>
<title>main</title>
<script type="text/javascript">
// windowtopframes[0] 为 lefthtml
var html = windowtopframes[0]documentgetElementById("num")innerHTML;
// 12345
alert(html);
</script>
</head>
<body>
<p>mainhtml</p>
</body>
</html>
以上就是关于父页面获取iframe中的内容全部的内容,包括:父页面获取iframe中的内容、JavaScript 怎么跨域获取 iframe 中的内容、如何获取iframe标签中的内容等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)