JS操作iframe里的dom实例解释
:
复制代码 代码如下:
====================注意:测试从这里开始=========================
用来测试子窗体iframeA访问父窗体的某元素
====================iframe分割线=========================
====================iframe分割线=========================
先来演示:父窗体访问子窗体中的某方法或元素
总结:父窗体访问子窗体的方法跟元素采用不同的方式
//子窗口访问父窗口方法
function testP(ss){
alert(ss)
}
//取得iframe的元素
function getIframe(id){
return lementById(id)ment;
}
//父窗口访问子窗口元素
function frameDiv(){
getIframe("frameA")lementById("ooxx")groundColor="#f00"
//es["iframeA"]lementById("ooxx")groundColor="#f00" //不能通过这种形式访问某元素
}
//父窗口访问子窗口方法
function frameFun(){
//getIframe("frameB")Fun();//不能通过这种形式访问子窗体某方法
// es["iframeB"]Fun();
alert(es["iframeB"]Fun());
}
复制代码 代码如下:
用来测试父窗体访问子窗体中的某元素
用来测试子窗口B访问窗体A的.某元素
1.子窗口iframeA访问父窗口的某元素
//子窗口访问父窗口的某元素
function frameToPdiv(){
lementById("pox")r="#fff";
lementById("pox")groundColor="#f0a0f0"
}
//子窗口访问父窗口方法
function frameToPfun(ss){
P("ssss");
}
//用于测试iframeB访问的方法
function testBA(){
alert("用于测试iframeB访问的方法")
}
复制代码 代码如下:
二:测试子窗体间相互访问某方法或元素
//子窗体B访问子窗体A的某元素
function frameTframeDiv(){
//lementById("frameA")lementById("divooxx")r="#a0c0f0";
//lementById("frameA")lementById("divooxx")groundColor="#000"
var _bframe=frame("frameA");//子窗体访问父窗体方法
_lementById("divooxx")r="#a0c0f0";
_lementById("divooxx")groundColor="#000";
}
//子窗体B访问子窗体A的某方法
function frameTframeFun(){
es["frameA"]BA();
}
function getsFun(){
return "sssssss";
}
//getFun()