
首先你要能获取到这个iframe的dom对象,假设我们知道它的ID;
var frame = documentgetElementById("ueditor_0");
var frameDocument = framecontentWindowdocument;
iframe中的document对象拿到了,后边如何获取你想要的元素就很简单了吧。
方法只有一种:
步骤:
1、获取iframe节点
2、获取iframe中的变量
示例
1
2
3
4
5
6
7
8
9
ahtml
<iframe
id='x'
name='x'
src='bhtml'/>
bhtml
<script>
var
y='1';
</script>
在ahtml中获取y,则可以通过以下方式
documentframes['x']y
//先获取frame,在获取y
这个要看有没有选择器了
如果有的话 比如 iframe 的id name class 获取其它标签都可以
有的话下面 比如这是a页面 叫indexhtml
<html><head>
<style>
body{
width:100%;
}
#emmm{
height: 200px;
width: 200px;
}
</style>
<body>
<iframe src="
</body>
</head>
</html>
b页面 叫fubenhtml
<html><head>
<style>
body{
width:100%;
}
#emmm{
height: 100px;
width: 100px;
border:1px solid #ddd;
}
</style>
<body>
</body>
<script>
var cc = windowparentdocumentgetElementsByTagName("iframe");
for ( var i=0;i<cclength;i++ ) {
if(cc[i]getAttribute("date-m") == "2333"){
alert(cc[i]getAttribute("id")+"/"+cc[i]getAttribute("name"));
}
}
</script>
</head>
</html>
<!--
windowparentdocumentgetElementsByTagName("iframe")
这个代表获取父页面所有 iframe
然后循环所有iframe
判断当前iframe 的自定义属性
判断他等不等于定的
getAttribute就是获取属性的
(如果有id name class的话直接用值getAttribute("id");就可以)
-->//如果没有能判定的只知道是个iframe
//修改script代码
var cc = windowparentdocumentgetElementsByTagName("iframe");
for ( var i=0;i<cclength;i++ ) {
if(cc[i]getAttribute("src") == windowlocationhref){
alert(cc[i]getAttribute("id")+"/"+cc[i]getAttribute("name"));
}
}
//还是获取父页面所有iframe
//循环
//判断父页面iframe的src 是否等于当前的url 这里只写了全url 如果相对路径还要截取
//当前iframe 如果url和src相同输出当前的 id和name
parent不可以跨域 如果想要跨域来做什么修改就不要想了
步骤: 1、获取iframe节点 2、获取iframe中的变量 示例 ahtmlbhtml var y='1';在ahtml中获取y,则可以通过以下方式documentframes['x']y //先获取frame,在获取y
<!DOCTYPE html>
<html>
<head>
<title></title>
<script src=";
试试行不行,本人没试过。。。
jquery、contentWindow
$("#ii")[0]contentWindow
如果用jquery选择器获得iframe,需要加一个0;
$("#ii")[0]contentWindow$("#dd")val()
可以在得到iframe的window对象后接着使用jquery选择器进行页面 *** 作;
以上就是关于js怎么在当前页面获取iframe中的元素全部的内容,包括:js怎么在当前页面获取iframe中的元素、如何用js获取子级iframe页面里的变量、如何用 iframe 中的 JavaScript 获取 iframe 本身的 ID 或 name等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)