js怎么在当前页面获取iframe中的元素

js怎么在当前页面获取iframe中的元素,第1张

首先你要能获取到这个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等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/9826616.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-02
下一篇2023-05-02

发表评论

登录后才能评论

评论列表(0条)

    保存