医疗手机网站开发,免费注册个人邮箱申请,做网站 指导,wordpress 用户密码在web开发中#xff0c;经常会用到iframe#xff0c;难免会碰到需要在父窗口中使用iframe中的元素、或者在iframe框架中使用父窗口的元素
js
在父窗口中获取iframe中的元素
1、
格式#xff1a;window.frames[iframe的name值].document.getElementByIdx_x(…在web开发中经常会用到iframe难免会碰到需要在父窗口中使用iframe中的元素、或者在iframe框架中使用父窗口的元素
js
在父窗口中获取iframe中的元素
1、
格式window.frames[iframe的name值].document.getElementByIdx_x(iframe中控件的ID).click();
实例window.frames[ifm].document.getElementByIdx_x(btnOk).click();
2、
格式
var objdocument.getElementByIdx_x(iframe的name).contentWindow;
var ifmObjobj.document.getElementByIdx_x(iframe中控件的ID);
ifmObj.click();
实例
var objdocument.getElementByIdx_x(ifm).contentWindow;
var ifmObjobj.document.getElementByIdx_x(btnOk);
ifmObj.click();
在iframe中获取父窗口的元素
格式window.parent.document.getElementByIdx_x(父窗口的元素ID).click();
实例window.parent.document.getElementByIdx_x(btnOk).click();
jquery
在父窗口中获取iframe中的元素
1、
格式$(#iframe的ID).contents().find(#iframe中的控件ID).click();//jquery 方法1
实例$(#ifm).contents().find(#btnOk).click();//jquery 方法1
2、
格式$(#iframe中的控件ID,document.frames(frame的name).document).click();//jquery 方法2
实例$(#btnOk,document.frames(ifm).document).click();//jquery 方法2
在iframe中获取父窗口的元素
格式$(#父窗口中的元素ID, parent.document).click();
实例$(#btnOk, parent.document).click();
父窗获取子窗口的IFrame中的JS方法
一、父窗口调用iframe子窗口方法
1、HTML语法iframe namemyFrame srcchild.html/iframe 2、父窗口调用子窗口myFrame.window.functionName(); 3、子窗品调用父窗口parent.functionName(); 简单地说,也就是在子窗口中调用的变量或函数前加个parent.就行 4、父窗口页面源码
复制代码代码如下: html
head
script typetext/javascript
function say() {
alert(parent.html------Im at parent.html);
}
function callChild()
{
//document.frames(myFrame).f1();
myFrame.window.say();
}
/script
/head
body
input typebutton value调用child.html中的函数say() οnclickcallChild()
iframe namemyFrame srcchild.html/iframe
/body
/html 5、子窗口页面
复制代码代码如下: html
head
script typetext/javascript
function say()
{
alert(child.html---Im at child.html);
}
function callParent() {
parent.say();
}
/script
/head
body
input typebutton value调用parent.html中的say()函数 οnclickcallParent()
/body
/html
二、iframe 父窗口和子窗口相互的调用方法
1、IE中使用方法 父窗口调用子窗口iframe_ID.iframe_document_object.object_attribute attribute_value 例子onClickiframe_text.myH1.innerTexthttp://www.pint.com; 子窗口调用父窗口parent.parent_document_object.object_attribute attribute_value 例子οnclickparent.myH1.innerTexthttp://www.pint.com; 2、Firefox中使用方法 上面在IE下没有问题但在firefox下不正常。在firefox下应该是如下调用方法 父窗口调用子窗口window.frames[iframe_ID].document.getElementById(iframe_document_object).object_attribute attribute_value 例 window.frames[iframe_text].document.getElementById(myH1).innerHTML http://hi.jb51.net; 子窗口调用父窗口parent.document.getElementById(parent_document_object).object_attribute attribute_value 例 parent.document.getElementById(myH1).innerHTML http://jb51.net; 3、完整的例子 test.htm
复制代码代码如下: HTML
HEAD
TITLE Test Page /TITLE
script srcprototype-1.4.0.js/script
script languagejavascript
function show()
{
window.frames[iframe_text].document.getElementById(myH1).innerHTML http://hi.jb51.net;
}
/script
/HEAD
BODY
iframe height350 width600 srciframe_test.htm nameiframe_text/iframe
form action methodpost
input namehaha idhaha typetext maxlength30 valuehaha /
br /
textarea cols50 rows5 idgetAttributeMethod/textarea
input typebutton onClickshow(); value提交/
/form
h1 idmyH1d/h1
/BODY
/HTML frame_test.htm
复制代码代码如下: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd
html xmlnshttp://www.w3.org/1999/xhtml
head
meta http-equivContent-Type contenttext/html; charsetgb2312 /
title无标题文档/title
/head
script languagejavascript
function show()
{
parent.document.getElementById(myH1).innerHTML http://jb51.net;
}
/script
body
h1 idmyH1ha/h1
form action methodpost
input nameabc idabc typetext maxlength30 valueabc /
br /
textarea cols50 rows10 idtext/textarea
br /
input typebutton value提交 οnclickshow();/
/form
/body
/html
test.htm里面firefox下访问iframe 必须用name不能用id所以要改为nameiframe_test 。(http://chenling1018.blog.163.com/blog/static/1480254200811891041694/) 三、在c#中如何动态改变iframe的src值动态指向一个网页
1)如果是javascript脚本 给iframe加一个ID如iframe idfrmList…… 在脚本写 frmList.document.locationstrNewUrl 2)如果是后台程序 给iframe加一个ID再加上runatserver 如iframe idfrmList runatserver …… 在程序里写 frmList.Attributes.Add(src,strNewUrl);
