iframe框架用法

1.iframe标签：
.

2.子页面调用父页面的对象方法：

父页面中：

          $("#cs1").data("petName", "qiuqiu");              

　　　　　　function getPetName() {
　　　　　　　　var p_name = $(“#cs1”).data(“petName”);
　　　　　　　　alert( p_name);
　　　　　　}

子页面： 点击获取宠物名称

　　　　$(‘#gt_pName’).bind(‘click’, function () {
　　　　　　window.parent.getPetName();
　　　　})

执行结果：

3.父页面调用子页面的方法：

父页面：

$(“#gt_pName”).bind(‘click’, function () {
　　window.frames[“qiuqiu_Page”].getPetName();
})

子页面：

function getPetName() {
　　var p_name = $(“#child_pt”).data(“petName”);
　　alert(p_name);
}

总结：

父页面调用子页面方法：window.frames[“frame的名称”].function();

子页面调用父页面方法：window.parent.fn()