iframe同域传值

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

报错：

 

 

正确获取：

 

一、父传子（子页面获取父页面的值）

1. js方式

在子页面用window.top或window.parent获取父页面的window对象，从而进行值的获取；

父页面index.html,如下：

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

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

 

 

二、子传父（父页面获取子页面的值）

1. jq方式：

父页面：

子页面：

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