Skip to content
📈0️⃣

iframe 中父子页面交互之——父页面实战

设置一个 iframe,在 iframe 中嵌入一个子页面,在父页面中调用子页面的方法,实现父页面和子页面的交互。

1. 实战演示


2. 父页面

父页面为本页面

3. 子页面

子页面为 iframe 页面 —— 父子页面交互1-父页面-实战 ,实现功能如下:

  1. 子页面中调用父页面方法 jump() 跳转地址 https://zichin.com

  2. 子页面中调用父页面方法 getUserInfo() 获取数据 { "name": "zichin", "age": 23 }

  3. 子页面中调用父页面方法 updateUserInfo() 获取数据 { "name": "zichin", "age": 22 }