如何获取iframe标签中的内容

如何获取iframe标签中的内容,第1张

如果是自己网页的话,可以这样,$("iframe")contents()find("body")html();

意思是,获取iframe里面页面body的内容

同理,$("iframe")contents()find("body")height();获取高度,以此类推

希望可以帮到你,不懂可以问我

documentframes[frameName] 可以取得window对象

documentgetElementById('iframeId')contentWindowdocumentgetElementById(iframe里面的元素)

var iframes=documentgetElementsByTagName("iframe");

for(var i=0;i<iframeslength;i++){

var iframe_images = iframes[i]documentgetElementsByTagName("img");

}

将zTree放在一个iframe里

zTreeObj = $("#treeDemo")zTree(setting, zNodes);

如果在当前页面的话,通过var nodes = zTreeObjgetCheckedNodes(); 即可

那么点击父页面的按钮,如何得到zTree已选中的节点?

假设iframe的id和name为aa(id和name都设置,兼容性问题)

windowframes['aa']windowzTreeObjgetCheckedNodes();

同域或跨子域读写 *** 作 iframe 里的内容

父页面读写 *** 作子页面:

HTML code<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>

可以通过 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 class=”test“ src="网址"></iframe>

然后在你的父页面里找到这个iframe的节点:

var iframeEl = documentquerySelector('test');

然后获取该 iframe 的 document 对象:

var iframeDoc = iframeElcontentWindowdocument

之后就可以 *** 作 iframe 里面的元素了,比如获取 iframe 里 class 为 ”temp" 的节点

var node = iframeDocquerySelector('temp');

1、你取得iframe的document的前提为这个iframe的地址是你域内的页面,

比如你设src为百度,取这个iframe的document时就会报拒绝访问的错误

2、我试过了 documentgetElementById('myf')contentWindowdocument 在ie与谷歌都行的

3、documentframes('iframename')document 这个方法只能在ie下面取得到

4、用火狐的firebug看看吧,有什么错都会显示出来,莫名其妙的事情什么时候都可能发生,

有时我直接取取window都报undefined

以上就是关于如何获取iframe标签中的内容全部的内容,包括:如何获取iframe标签中的内容、如何获取页面中iframe里面的document、请问该怎么从iframe中获取父页面上的ztree对象等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

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

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

发表评论

登录后才能评论

评论列表(0条)

    保存