iframe同域传值

首先注意:要在服务器环境下才可正确获取值,直接打开文件的方式会报错!

报错:iframe同域传值

 

 

正确获取:

iframe同域传值

 

一、父传子(子页面获取父页面的值)

1. js方式

在子页面用window.topwindow.parent获取父页面的window对象,从而进行值的获取;

父页面index.html,如下:

iframe同域传值

子页面p-to-c.html,如下:

iframe同域传值

说明:这里的window.top获取的是父页面的window。

 

 

二、子传父(父页面获取子页面的值)

1. jq方式:

父页面:

iframe同域传值

子页面:

iframe同域传值

结果:可以打印出子页面的值

iframe同域传值