iframe 中父子页面交互之——父页面实战
设置一个 iframe,在 iframe 中嵌入一个子页面,在父页面中调用子页面的方法,实现父页面和子页面的交互。
1. 实战演示
2. 父页面
父页面为本页面
3. 子页面
子页面为 iframe 页面 —— 父子页面交互1-父页面-实战
,实现功能如下:
子页面中调用父页面方法
jump()
跳转地址https://zichin.com
子页面中调用父页面方法
getUserInfo()
获取数据{ "name": "zichin", "age": 23 }
子页面中调用父页面方法
updateUserInfo()
获取数据{ "name": "zichin", "age": 22 }