javascript 如何获取iframe里面的内容

javascript 如何获取iframe里面的内容,第1张

要解释这个问题,首先要解释两个技术点。

每个“窗口”都是一个JS Runtime,即JS的运行时。如果只有一个窗口,那么就只有一个Runtime;如果一个窗口下面还有一个iframe,那么就有两个Runtime;以此类推。

Runtime之间互 *** 作(或者通信)是有跨域限制的。也就是说,如果这个窗口本身是abaiducom域名下的页面,那么如果这个页面下还有一个iframe,这个iframe中加载的页面是bbaiducom域名下的。那么外层的JS。就不能跟这个iframe中的内容互 *** 作(或者通信)。

因此外层Runtime中的JS想 *** 作内层iframe中的内容,就必须要避免跨域限制。要么内层iframe加载页面的域名跟外层是一样的。要么就是需要在内层iframe加载的页面中执行documentdomain = 'baiducom';从而设置跟外层的主域相同。

例如,当前页面是abaiducom/testhtml

<html>

<head>

</head>

<body>

    <iframe id="iFrm1" src="

    <script>

        documentdomain = 'baiducom';

        var ifrm1 = documentgetElementById('iFrm1');

        ifrm1onload = function(){

            alert(ifrm1contentWindowdocumentgetElementById('innerDiv')innerHTML);//d出恭喜你 *** 作到内部iframe中的元素了!!!

        };

    </script>

</body>

</html>

iframe中加载的页面内容如下:

<html>

<head>

</head>

<body>

    <div id="innerDiv">恭喜你 *** 作到内部iframe中的元素了!!!</div>

    <script>

        documentdomain = 'baiducom';

    </script>

</body>

</html>

在HTML5中新增了postMessage的API。可以方便窗口跟内部iframe之间进行通信,并且可以实现跨主域通信。但是有一些限制,1老版本的浏览器一般不支持。2父窗口只能向iframe中发送信息,iframe只能收消息,且父窗口不能直接 *** 作iframe中的内容。3父窗口发送的数据也是有限制的。只能发送基本数据类型或者plain object。

这“伦理”有点错乱哈!

你创建的iframe应该是某个页面的子页面(内联框架或行内框架)吧?

你在“父页面内点击按钮执行下面的代码”?

而且执行的代码中parentIframeName是对应的子页面还是父页面?

<iframe id="iframeview1" name="iframeview1" src="LLnputjspisNew=0>"

frameborder="0" marginwidth="-10" scrolling="no">

</iframe>

你给iframe加个id和name使用起来不就方便了吗

jquery直接就$("#iframeview1")height(pageHeight);可以做相关设置了

1、iframe基本知识:

iframe 元素会创建包含另外一个文档的内联框架(即行内框架)。

在 HTML 41 Strict DTD 和 XHTML 10 Strict DTD 中,不支持 iframe 元素。

提示:您可以把需要的文本放置在 <iframe> 和 </iframe> 之间,这样就可以应对无法理解 iframe 的浏览器。

<iframe width=420 height=330 frameborder=0 scrolling=auto src="URL"></iframe>

可选属性:

标准属性:

2、 *** 作iframe:

[html] view plain copy print

注:测试环境IE:80,FF:2301

a>隐藏iframe表框

i>标签中设置:frameborder="0",<iframe frameborder="0" width="400" height="400" src=">

在许多时候我们在用iframe的时候都会做分页 *** 作 iframe内部的url跳转将不能直接通过iframe的src属性来获得

iframe的当前url的获取方法

代码如下:

parentdocumentgetElementById("content_info")contentWindowlocationhref

其中:content_info为iframe的id

以上就是关于javascript 如何获取iframe里面的内容全部的内容,包括:javascript 如何获取iframe里面的内容、通过document.createElement("iframe")创建的iframe怎么不能进行父页面和子页面的数据传递、重赏!!js如何获取子元素的object HTMLIFrameElement 对象等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

原文地址: http://outofmemory.cn/web/10148480.html

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

发表评论

登录后才能评论

评论列表(0条)

保存