js问题,子页面js里面怎么获取父页面的元素

JavaScript013

js问题,子页面js里面怎么获取父页面的元素,第1张

如果不跨域的话,通过parent就可以访问父页面的元素了,如:

parent.window // 访问父全局函数什么的

parent.document.body // 访问元素

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

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

以下可以运行的前提是子页面与父页面属于同一个域,不能跨域;

如果子页面是通过window.open打开的,在子页面中可以使用window.opener.方法名来调用父页面中的方法,比如:window.opener.onload()调用父页面的onload事件的处理方法;

如果子页面处于一个frameset中或者是父页面中的iframe,则要根据实际情况使用window.parent或window.top来调用;window.parent会返回子页面所在层级的上一层窗口对象,window.top则返回最顶级的窗口对象,即浏览器窗口。