Javascript获取IFrame内容(兼容IE&FF)

最新推荐文章于 2022-12-20 22:39:15 发布
最新推荐文章于 2022-12-20 22:39:15 发布
阅读量108 收藏
点赞数
文章标签： IE JavaScript Firefox Firebug F# ViewUI
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/iteye_2033/article/details/81753904
版权
在网上找到在IE下操作IFrame内容的代码:

document.frames["MyIFrame"].document.getElementById("s").style.color="blue";

但是这在Firefox下无效。
所以，想到在Firefox下用FireBug来调试。经过调试发现在Firefox下可用以下代码来实现:

document.getElementById("MyIFrame").contentDocument.getElementById("s").style.color="blue";

详细代码如下:
TestIFrame.htm:


<html>
<head>
<script type="text/javascript">
function f(){
var doc;

if (document.all){//IE
doc = document.frames["MyIFrame"].document;
}else{//Firefox
doc = document.getElementById("MyIFrame").contentDocument;
}

doc.getElementById("s").style.color="blue";
}
</script>
</head>
<body οnlοad="f()">

<iframe id = "MyIFrame" name = "MyIFrame" src = "MyIFrame.htm" width = "100" height="100">

</body>
</html>


MyIFrame.htm:


<h1 id = "s" style="color:red;" >内容<h1>
iteye_2033
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JS对frame内容的访问（IE、FF）
iflash50的专栏
11-17 1099
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~                       第一部份：框架间元素访问~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~在网上找了很久没有找到合适的介绍，自己实验后。解决问题。关键点是：三个页面index.aspx   /
[导入]Javascript获取IFrame内容(兼容IE&FF)
05-25
本文将详细介绍如何在各种浏览器，包括Internet Explorer（IE）和Firefox（FF）等主流浏览器中，正确地获取Iframe中的内容。 首先，理解Iframe的基本概念。Iframe是一种HTML元素，允许我们在一个网页中嵌入另一个...
js获取iframe中的内容
12-08
js获取iframe中的内容
Js获取iframe中的元素
nbme的博客
05-20 8623
1.iframe中不存在name和id的方法 var iframe = document.getElementsByTagName('iframe')[0].contentWindow iframe.document.querySelector("#元素") 2.iframe中存在name或者id var iframe = document.getElementById('iframeId') iframe.querySelector("#元素") 3.子窗口获取父窗口的元素 v...
js 获取 iframe 页面元素
热门推荐
Goaread的博客
12-19 1万+
操作 iframe 必须掌握的父子页面关系及常用的操作方法，理解其中的联系。 <iframe id="myframe" src='<c:url value="/base/server/report/report.do?REPORT_ID=${param.REPORT_ID}"/>' height="100%" width="100%"></iframe> 通过父页面操作子页面 获取 iframe 页面中的元素 操作 javascript jquery
js 获取iframe内的元素
weixin_43745973的博客
12-16 2290
iframe
js操作Iframe(获取Iframe中的节点内容)
qq_41585377的博客
08-21 1万+
在web开发中，经常会用到iframe，难免会碰到需要在父窗口中使用iframe中的元素、或者在iframe框架中使用父窗口的元素 js 在父窗口中获取iframe中的元素 1、 格式：window.frames[“iframe的name值”].document.getElementByIdx_x(“iframe中控件的ID”).click(); 实例：window.frames[“ifm”].d...
JQuery自适应IFrame高度（支持嵌套 兼容IE,ff,safafi,chrome）
10-28
为了解决这个问题，我们可以利用JavaScript库jQuery来实现IFrame的高度自适应，确保无论内容如何变化，IFrame都能够自动调整高度以适应其内容，同时兼容不同的浏览器，如IE、Firefox、Safari和Chrome。 首先，我们...
js实现的真正的iframe高度自适应(兼容IE,FF,Opera)
10-29
本文将深入探讨如何使用JavaScript实现一个真正兼容IE、Firefox（FF）、Opera的`iframe`高度自适应解决方案。 首先，`iframe`高度自适应的主要目的是确保内嵌页面的完整内容可以在不显示滚动条的情况下完全展示。...
JS实现iframe编辑器光标位置插入内容的方法(兼容IE和Firefox)
10-22
这里我们使用`designMode`属性开启iframe内的文档编辑模式，然后根据浏览器类型（IE、Firefox或Chrome）来执行不同的插入内容逻辑。 ```javascript // 开启iframe的编辑模式 function t() { window.frames["x"]...
js实现iframe框架取值的方法(兼容IE,firefox,chrome等)
11-22
本文实例讲述了js实现iframe框架取值的方法。分享给大家供大家参考，具体如下： 为啥世上会有这么多不同的浏览器？每次遇到js/css的浏览器兼容性问题，总是要发出这样的感叹，真希望这些个浏览器公司全部倒下，然后只留下一家(显然这是一个不可能实现的美好愿望)，言归正传，看代码吧: iframe框架内页： <html> <head> <title>框架内页</title> </head> <body> <div> <input id="txt1" name="txt1" type="text" value="测试" /> </div> </body> </html> 父
兼容IE和Firefox的javascript获取iframe文档内容的函数
01-19
代码如下: [removed] function getIframeContent(){ //获取iframe中文档内容 var doc; if (document.all){//IE doc = document.frames[“MyIFrame”].document; }else{//Firefox doc = document.getElementById(“MyIFrame”).contentDocument; } return doc.body[removed]; } [removed]
JS获取并操作iframe中元素的方法
12-09
JS获取/设置iframe内对象元素、文档的几种方法 1、IE专用(通过frames索引形象定位)： 代码如下: document.frames[i].document.getElementById(‘元素的ID’); 2、IE专用(通过iframe名称形象定位)： 代码如下: document.frames[‘iframe的name’].document.getElementById(‘元素的ID’); 以上方法，不仅对iframe适用，对frameset里的frame也同样适用。IE虽然擅于自定标准，但不得不说它很多的设计还是比较体现人性化的。比如这个，它在同样支持下面的标准路
iframe 自适应高度[在IE6 IE7 FF下测试通过]
12-03
第二种方法同样利用JavaScript，但使用了另一种方式来获取`iframe`内容的高度。 ```javascript //iframe自适应高度[在IE6 IE7下测试通过] function reSetIframe(){ var iframe = document.getElementById("iframe...
八戒踩坑之 js获取iframe框架中的内容
wolf23151269的博客
12-14 4698
今天踩了个坑 ,具体代码如下 我需要在第二个iframe中获取第一个iframe里面的dom节点，然后就开始直接调用 $('#我要的节点的id'，window.parent.document) 方式获取，结果失败了。 查询了下才知道 拿iframe 里面 有点特殊。必须先获取iframe的.contents()。 记录下避免二次踩坑 <div id="task-create-content" data-course-id="1" data-activity-id="0" class="t...
Js/Jquery获取iframe中的元素 在Iframe中获取父窗体的元素方法
05-09 480
在web开发中，经常会用到iframe，难免会碰到需要在父窗口中使用iframe中的元素、或者在iframe框架中使用父窗口的元素 js 在父窗口中获取iframe中的元素 1、 格式：window.frames["iframe的name值"].document.getElementByIdx_x("iframe中控件的ID").click(); 实例：window.frames["i
在 JavaScript 中定位 iframe 中的元素
最新发布
追求卓越
12-20 3428
如果 iframe 属于不同的域，则无法访问 iframe 中的元素。如果要在 JavaScript 中定位 iframe 中的元素，您需要先获取 iframe 的 DOM 元素，然后使用。此外，还需要注意，在访问 iframe 中的元素之前，必须等待 iframe 加载完成。因此，建议在 iframe 的。这是一种在不同域之间发送消息的方法，可以用来跨域访问 iframe 中的元素。在处理程序中，我们检查了消息的来源，并获取了消息中的数据。方法获取了 iframe 中的元素，并对该元素执行了一些操作。
Js/Jquery获取iframe中的元素
lianjs
09-04 5974
Js/Jquery获取iframe中的元素 js获取iframe中的元素 1.在父窗口中获取iframe中的元素 方法1： 格式：window.frames["iframe的name值"].document.getElementById("iframe中控件的ID").click(); 实例：window.frames["ifm"].document.getElementById(...
JavaScript日历插件兼容IE与Firefox实现方法
本文档主要讨论的是JavaScript编程中关于浏览器兼容性的相关内容，特别是针对IE（Internet Explorer）和Firefox这两个广泛使用的浏览器。主题围绕着一个日期选择插件的实现，该插件允许用户在不同浏览器上选择日期，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值