我想你该使用jquery自身的函数功能去调用,防止冲突
1 jquery在iframe子页面获取父页面元素代码如下:
$("#objid",parentdocument)
2 jquery在父页面获取iframe子页面的元素
代码如下:
$("#objid",documentframes('iframename')document)
方法二：直接获取异窗口函数
<script src="jqueryjs"></script>
<script>
$(document)ready( function () {
var pass2_window = windowopen("pass2html");
windowsetTimeout( function () {
$(pass2_window)ready ( function () {
pass2_windowshow_message("Hello World!");
});
}, 1);
});
</script>
看示例代码：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 10 Transitional//EN" "http://wwww3org/TR/xhtml1/DTD/xhtml1-transitionaldtd">
<html xmlns="http://wwww3org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>父页面</title>
<script type="text/javascript">
function getChildEl(){
alert(documentframes("inner")documentgetElementById("text1inner")value);
}
</script>
</head>
<body>
<input type="text" id="text1outter" value="outter text"/>
<input type="button" value="访问子页面" onclick="getChildEl()" />
<br/>
<iframe id="inner" name="inner" src="childhtml"></iframe>
</body>
</html>
扩展资料
子页面给父页面赋值
经常可能会看到，父页面中的某个文本框一点击，就跳入到一个新页面(称之为子页面),子页面中点击某个按钮，子页面关闭，父页面的文本框中已经获得刚刚子页面中的值。
1、父页面中给文本框添加一个单击事件。这个单击事件中必须以如下方式打开子页面：
windowopen('xxxxhtml');//其中xxxx为子页面。
2、子页面中这样给父页面文本框赋值：
windowopenerdocumentgetElementById("父页面中文本框的Id")value = 需要传给父页面的值；windowclose();
至此，就实现了子页面给父页面传值。下面上代码：
-----------------代码start--------------------
<html xmlns="http://wwww3org/1999/xhtml">
<head>
<title>根据地址查询经纬度</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script type="text/javascript" src="http://apimapbaiducom/apiv=13"></script>
<script>
// windowopenerdocumentgetElementById("父页面元素的id")value = '子页面填写的值'
</script>
1、首先需要在body中增加一个iframe，可以给这个标签设置宽高，还可以设置位置。
2、然后在前台界面的某个位置，增加一个点击事件onclick。
3、然后点击事件，总要对应的设置一个事件方法。
4、然后在方法内增加iframe的重载url，重新给src赋值。
5、最后运行html界面，点击前台的按钮，触发刷新iframe的方法，就完成了。
实现iframe内部页面直接调用该iframe所属父窗口自定义函数的方法。
比如有A窗口，A内有个IFRAME B，B里面的装载的是C页面，这时C要直接调用A里面的一个自定义函数AFUN();
那么只要在C页面中写如下JS函数就可以了：
windowparentAFUN();
如果AFUN()有参数也可以直接传递合适的参数进去。
例如：
修改父窗口控件属性
windowparentdocumentgetElementById('frmright')src=windowparentdocumentgetElementById('frmrightsrc')value;
调用父窗口函数
windowparentPOPUP('bigFram'); 内容来自零度科技
父窗口调用iframe子窗口方法
<iframe name="myFrame" src="childhtml"></iframe>
myFramewindowfunctionName();
iframe子窗口调用父窗口方法
parentfunctionName();
用js互相调用iframe页面内的js函数。
子页面调用父页面的方法： windowparentdocument
父页面调用iframe 页面： namewindowdocument (这里的name 为iframe 标签中的name)
parentdocumenttest(); 这样子test()就是父页面的一个方法。但是。。test()不能写在js里。。只有在父的jsp里面的js方法地。。引起来的调用不到。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）