求助,js对iframe框架内的操作 本帖最后由 solo2pm 于 2015-01-17 01:01:49 编辑 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 这是看到的一些资料,但是能力有限,看不懂JS获取并操作iframe中元素的方法,需要的朋友可以参考一下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虽然擅于自定标准,但不得不说它很多的设计还是比较体现人性化的。比如这个,它在同样支持下面的标准路径之外,提供了一个简洁且形象化的写法。3、通用方法:复制代码 代码如下:document.getElementById('iframe的ID').contentWindow.document.getElementById('元素的ID')注意要加上contentWindow,往往出现问题都是因为这个容易被忽略,它代表frame和iframe内部的窗口对象。JS获取iframe文档内容复制代码 代码如下:<script type="text/javascript"> function getIframeContent(){ //获取iframe中文档内容 var doc; if (document.all){ // IE doc = document.frames["MyIFrame"].document; }else{ // 标准 doc = document.getElementById("MyIFrame").contentDocument; } return doc.body.innerHTML;} </script>注意:上面的 .contentDocument 相当于 .contentWindow.document !一、需求与遇到的问题 在网站的后台管理中使用了iframe框架布局,包括顶部菜单、左侧导航和主页面。需求是:点击主页面上的一个按钮,在顶部菜单栏的右侧显示“退出”链接,点击可退出系统。 我的思路是:在顶部的菜单页面放一个不可见的“退出”链接,当用户点击位于iframe中的主页面(mainPage.htm)中的按钮时,在顶部菜单页面的右侧显示“退出”。 我现在遇到的问题是:如何在页面的一个iframe子页面(mainPage.htm)中获取并且操作其它iframe子页面(比如topPage.htm)中的HTML元素?二、通过JS获取并操作iframe中的元素来解决问题 这里主要就是通过JS来操作Window对象。Window 对象表示浏览器中打开的窗口,如果文档包含框架(frame 或 iframe 标签),浏览器会为 HTML 文档创建一个 window 对象,并为每个框架创建一个额外的 window 对象。 经过我在网上查资料,找到了JS操作iframe中HTML元素的方法。示例如下。复制代码 代码如下: function ShowExit() { //获取iframe的window对象 var topWin = window.top.document.getElementById("topNav").contentWindow; //通过获取到的window对象操作HTML元素,这和普通页面一样 topWin.document.getElementById("exit").style.visibility = "visible"; } 说明:第一步,通过window.top.document.getElementById("topNav")方法获取了顶部菜单页面(topPage.htm)所在的iframe对象;第二步,通过上一步获取到的iframe对象的contentWindow属性得到了iframe中元素所在的window对象;第三步,通过上一步获取到的window对象来操作iframe框架中的元素,这和操作不在iframe框架中的普通HTML元素是一样的。 跨域另一方不是你自己的话,那用JS不行呀。一般别人的自动注册机之类的不是纯JS,比如用VB的WebBrowser 弱弱的问下:怎么写判断是否按下shift键后执行?(不是按下时) post,javascript提示"没有权限". 这代码怎么使firefox兼容 在闭包里,如何写类似与jQuery的设置和获取的函数 请问这段<script>为什么不能在firefox里面使用?应该如何改? 学习JAVASCRIPT的一些问题,求助!! JS高手请进,一个关于如何取得所有表单项的问题 如何取iframe中div内的值? 各位大家帮我看看哪里出错! 这样使用frame,为什么不行? new Array数组问题 javacript函数向PHP发送一个表单的问题
JS获取并操作iframe中元素的方法,需要的朋友可以参考一下
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虽然擅于自定标准,但不得不说它很多的设计还是比较体现人性化的。比如这个,它在同样支持下面的标准路径之外,提供了一个简洁且形象化的写法。
3、通用方法:
复制代码 代码如下:document.getElementById('iframe的ID').contentWindow.document.getElementById('元素的ID')
注意要加上contentWindow,往往出现问题都是因为这个容易被忽略,它代表frame和iframe内部的窗口对象。
JS获取iframe文档内容
复制代码 代码如下:<script type="text/javascript">
function getIframeContent(){ //获取iframe中文档内容
var doc;
if (document.all){ // IE
doc = document.frames["MyIFrame"].document;
}else{ // 标准
doc = document.getElementById("MyIFrame").contentDocument;
}
return doc.body.innerHTML;
}
</script>
注意:上面的 .contentDocument 相当于 .contentWindow.document !
一、需求与遇到的问题
在网站的后台管理中使用了iframe框架布局,包括顶部菜单、左侧导航和主页面。需求是:点击主页面上的一个按钮,在顶部菜单栏的右侧显示“退出”链接,点击可退出系统。
我的思路是:在顶部的菜单页面放一个不可见的“退出”链接,当用户点击位于iframe中的主页面(mainPage.htm)中的按钮时,在顶部菜单页面的右侧显示“退出”。
我现在遇到的问题是:如何在页面的一个iframe子页面(mainPage.htm)中获取并且操作其它iframe子页面(比如topPage.htm)中的HTML元素?
二、通过JS获取并操作iframe中的元素来解决问题
这里主要就是通过JS来操作Window对象。Window 对象表示浏览器中打开的窗口,如果文档包含框架(frame 或 iframe 标签),浏览器会为 HTML 文档创建一个 window 对象,并为每个框架创建一个额外的 window 对象。
经过我在网上查资料,找到了JS操作iframe中HTML元素的方法。示例如下。
复制代码 代码如下: function ShowExit() {
//获取iframe的window对象
var topWin = window.top.document.getElementById("topNav").contentWindow;
//通过获取到的window对象操作HTML元素,这和普通页面一样
topWin.document.getElementById("exit").style.visibility = "visible";
}
说明:第一步,通过window.top.document.getElementById("topNav")方法获取了顶部菜单页面(topPage.htm)所在的iframe对象;第二步,通过上一步获取到的iframe对象的contentWindow属性得到了iframe中元素所在的window对象;第三步,通过上一步获取到的window对象来操作iframe框架中的元素,这和操作不在iframe框架中的普通HTML元素是一样的。
一般别人的自动注册机之类的不是纯JS,比如用VB的WebBrowser