JS中怎么在子页面中调用父页面的方法

1、首先建立一个父级页面parenthtml,代码如图，一个pop函数方法，一个链接到childhtml的iframe标签。

2、再新建一个childhtml页面，如图，展示一个id=link的div标签，和link的点击事件，因为是调用父级方法，所以需要用到windowparentpop()方法。

3、预览页面，可明显看到parenthtml里面的iframe框架，指向的就是child子页面。

4、点击页面中“调用父级pop方法”的文字链，会提示错误，这是因为没配置好域名等相关设置。

5、打开iis，右键iframe文件夹——“管理文件夹”——“浏览”；即可打开本地测试地址；（如小伙伴没配置iis，需要先配置iis建立站点）。

6、再次点击“调用父级pop方法”的文字链，即可成功d出提示。

示例如下：

<div id="parent">

父标签

<div id="children">

子标签

</div>

</div>$('#children')click(function(){

$(this)parent()css('color','red');

});上面代码会在点击子标签后将父标签的文字变为红色（由于color的继承性，子标签的颜色也会改变）

解释：

click可以为元素绑定click事件，点击时会调用此函数

parent方法可以获取当前元素的父级元素

css方法可以设置指定元素的样式，设置的样式会添加的元素的style属性中

js获取父页面的元素可以用$(windowparentdocument)find("#customer_id")val();这里的customer_id表示父页面某一个元素的id。

比如：父页面有一个隐藏的input框<input id="customer_id" type="hidden" value="${distributorcustomer_id}"/>，那么在子页面就可以用上述的语句取到父页面的id为customer_id的值。

你的子页面是一个iframe吗？如果是这样，你可以往iframe的url传入一个参数如btnid：

>

我还是写个简单的例子吧：

父页面的js：

$("btn")click(function(){

    $("#child-frame")src=">});

子页面的js：

var id = locationsearchsubstr(1);

你是想隔行换色吧？如果是的话，最好的方法是获取表格的所有行

var worsd=documentgetElementById("表格id")documentgetElementsByTagName("worsd1")

;

for(i1=1;i1<worsdlength+1;i1++)

{

//判断i1是奇数或偶数：与2取余

if(i1%2==0)//如果是偶数（余数为0）则附加样式

{

worsd[i1]parentNodeclassName=" jobs1_listindex";

}

}

没有直接获取子元素在父元素的序号的方法，需要去循环比对的。

不过，你在循环设置className的时候可以直接把要控制div保存给要被点击的div呀,这样效率高得多

for(var i=0; i<first_length; i++){

first[i3]className='no_click'; //

first[i3]controlTo = second[i3] ;

second[i3]className='no_display';

}

这样first里面的div被点击，只要 被点击的divcontrolTo 就能得到对应的要显示的second组的标签了，非常方便，执行效率也很高。

比如 某个div被点， 只要

thclassName = "click" ;

thcontrolToclassName = "display" 即可 ;

$("#floatDiv")before("<div class=\"floatDiv\" id=\"floadDiv"+peovalue+"\"><div class=\"selectDiv\">"+peonextSiblinginnerText+"</div><div class=\"selectCancle\"><a href=\"javascript:closeDiv(this)\">×</a></div></div>");

}else if(!peochecked){

var divID ="floatDiv"+peovalue;

$("#"+divID)remove();

}

}

以上就是关于JS中怎么在子页面中调用父页面的方法全部的内容，包括:JS中怎么在子页面中调用父页面的方法、怎么用js代码复制父标签底下子标签以及样式，再将子标签加入到父标签中、jsd框怎么获得父页面的元素等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！