作为程序员一定要保持良好的睡眠,才能好编程

jquery 获取父页面元素

发布时间:2017-04-20

$("#ajax_ditu",window.parent.document).animate({"height":100},"slow");









 
$('#click_btn').on('click', function(event, param1, param2) {
    console.log(event);
    alert(param1 + "\n" + param2);
});
$("#click_btn").trigger("click",["aaa","bbb"]);

这种方法 可以模拟某一个按钮进行点击 




那么如果是父子页面的话可以这样实现吗,比如说  iframe
答案是不可以的,获取不到参数
比如说代码:

a.html
$('#click_btn').on('click', function(event, param1, param2) {
    console.log(event);
    alert(param1 + "\n" + param2);
});

a.html 页面中有个ifrmae

调用了 b.html  那么b.html写一个这样的方法
$("#click_btn",window.parent.window).trigger("click",["aaa","bbb"]);

那么 param1 和param2 是获取不到值的。


那么这个trigger 就不能再父子页面中使用,因此,想到了一个其他的解决办法,就是


在父页面中定义一个方法

function dianji(str){
    alert(str);
}

那么b.html 页面中 加入这样的代码 ,即可调用成功。
window.parent.window.dianji("aaa");