关于iframe取值问题以及google浏览器测试

html页面

<iframe id="iframe1"
style="width: 100%; display: none; height: 92%; margin-top: 1px;" frameborder="0"></iframe>

向iframe填充页面

$("#iframe1").attr("src",contextPath + "xxx.jsp");

如果需要在html页面中取得xxx.jsp页面的值或调用它里面的方法则使用：

如果是IE浏览器则直接用iframe的id作为对象来取值
如果是谷歌浏览器则用iframe的id作为对象来取值

//iE
iframe1.method01();
iframe1.属性名 ;
//Google
iframe1.contentWindow.method01();
iframe1.contentWindow.属性名 ;

在iframe子页面获取父页面元素

$.('#objld', parent.document);

在父页面获取iframe子页面的元素

$("#objid", document.iframes('iframe').document) 
$(document.getElementById('iframeId').contentWindow.document.body).html() $(document.getElementById('iframeId').contentWindow.document.body).html()

显示iframe中body元素的内容

$("#testId", document.frames("iframename").document).html()

父页面获取iframe中的元素值：

//根据iframe的id获取对象   
var i1 = window.frames['iframeId'];   
//var iframe =window.frames[0];也可以   
//获取iframe中的元素值   
var val=i1.document.getElementById("t1").value  
//根据iframe的id获取对象
var i1 = window.frames['iframeId'];
//var iframe =window.frames[0];也可以
//获取iframe中的元素值
var val=i1.document.getElementById("t1").value

在iframe中获取父页面中的元素值：

 
1.var val = parent.document.getElementById("txt1");   
var val = parent.document.getElementById("txt1");

a包含2个iframe分别为b,c，现在从b中获取c中的元素的值：

1.var i1 = parent.window.frames['iframeId'];   
2.var val = i1.document.getElementById("text1").value;  
var i1 = parent.window.frames['iframeId'];
var val = i1.document.getElementById("text1").value;

Google浏览器debug Js代码

1.进入google浏览器页面点击 F12进入debugger界面。

2.点击放大镜 然后再点击页面上的位置 bebugger界面会显示页面的代码。

3.点击console则进入console页面 然后输入页面的属性值 它会把相应的值打印出来。