×

contentwindow

contentwindow(contentwindow of null)

admin admin 发表于2023-04-12 19:36:07 浏览59 评论0

抢沙发发表评论

本文目录一览:

用jquery获取iframe里面的内容,为什么会出现这个错误 Cannot read property 'contentWindow' of null"

 // var i=$(document.getElementById("#iframeId").contentWindow.document.body).find(".bdbriwrapper a").length;

 

  var i=$("#iframeId").contents().find(".bdbriwrapper a").length;

  // 这么改试一试

你写的语法完全错误

如何向一个页面中的两个iframe传值

jsp页面子页面像父页面的iframe传值:

1:document.getElementById("ii").contentWindow 得到iframe对象后,就可以通过contentWindow得到iframe包含页面的window对象,然后就可以正常访问页面元素了;-contentwindow

2:$("#ii")[0].contentWindow  如果用jquery选择器获得iframe,需要加一个【0】;

3:$("#ii")[0].contentWindow.$("#dd").val() 可以在得到iframe的window对象后接着使用jquery选择器进行页面操作;

4:$("#ii")[0].contentWindow.hellobaby="dsafdsafsdafsdafsdafsdafsadfsadfsdafsadfdsaffdsaaaaaaaaaaaaa"; 可以通过这种方式向iframe页面传递参数,在iframe页面window.hellobaby就可以获取到值,hellobaby是自定义的变量;-contentwindow

5:在iframe页面通过parent可以获得主页面的window,接着就可以正常访问父亲页面的元素了;

6:parent.$("#ii")[0].contentWindow.ff; 同级iframe页面之间调用,需要先得到父亲的window,然后调用同级的iframe得到window进行操作;

实例代码:

!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "" 

html 

head 

meta http-equiv="Content-Type" content="text/html; charset=utf-8" 

title显示图表/title 

script src="/jquery-1.7.1.min.js" type="text/javascript"/script 

script type="text/javascript" 

    var gg="dsafdsafdsafdsafsdaf"; 

    function ggMM() { 

        alert("22"); 

    } 

    function callIframeMethod() { 

        //document.getElementById("ii").contentWindow.test(); 

        $("#ii")[0].contentWindow.test(); //用jquery调用需要加一个[0] 

    } 

    function callIframeField() { 

        alert($("#ii")[0].contentWindow.ff); 

    } 

    function callIframeHtml() { 

        alert($("#ii")[0].contentWindow.$("#dd").val()); 

        //alert($("#ii")[0].contentWindow.document.getElementById("dd").value); 

        //alert($("#ii")[0].contentWindow.document.getElementById("dd").value);              

    }    

    function giveParameter() { 

        $("#ii")[0].contentWindow.hellobaby="dsafdsafsdafsdafsdafsdafsadfsadfsdafsadfdsaffdsaaaaaaaaaaaaa"; -contentwindow

    } 

/script 

/head 

body 

    a href="#" onClick="giveParameter();"参数传递/a 

    a href="#" onClick="callIframeMethod();"调用子iframe方法/a 

    a href="#" onClick="callIframeField();"调用子iframe变量/a 

    a href="#" onClick="callIframeHtml();"调用子iframe组件/a/br   

    iframe id="ii" src="frame.htm" width="100%" frameborder="0"/iframe 

    iframe id="new" src="newFrame.htm" width="100%" frameborder="0"/iframe 

/body 

/html

iframe的contentdocument和document的区别

你取得iframe的document的前提为这个iframe的地址是你域内的页面, 比如你设src为百度,取这个iframe的document时就会报拒绝访问的错误 2、我试过了 document.getElementById('myf').contentWindow.document 在ie与谷歌都行的-contentwindow

怎么获取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虽然擅于自定标准,但不得不说它很多的设计还是比较体现人性化的。比如这个,它在同样支持下面的标准路径之外,提供了一个简洁且形象化的写法。-contentwindow

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 对象。-contentwindow

经过我在网上查资料,找到了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元素是一样的。-contentwindow