跨页面传参

作者: wgq | 来源:发表于2018-12-18 15:54 被阅读1次

1.页面跳转时带参

window.open('page2.html?name&....')

var perimeters = window.location.search;
perimeters = decodeURI(perimeters.substr(1).split('&')[0]);

2.父子页面传参（同域）

    <iframe id="myFrame" src="child.html"></iframe>

方法：
父页面调用子页面：FrameName.window.childMethod();
子页面调用父页面：parent.window.parentMethod();
注意事项
要确保在iframe加载完成后再进行其他操作，判断iframe是否加载完成有两种方法：
1. iframe上用onload事件
2. 用document.readyState=="complete"

$('#myFrame').load(function () {

})

跨页面传参／列表数据／获取头像
跨页面从 ?️页面传参到?️页面 this.goto( Page,{A:this.userArray}); le...
跨页面传参
1.页面跳转时带参 page1.js: page2.js: 2.父子页面传参（同域）父页面 parent.ht...
Angular2：发布publish和订阅subscribe
两个页面的传参可以通过navParam，但是这个在堆叠的页面之间使用比较方便，对于一些跨页面传参就可以试试通过发布...
uni-app总结
快捷键 command+k格式化option+/ 代码提示项目结构跨页面传参全局传参接收传递 Vuex 和...
微信小程序页面之间传参
微信小程序页面之间的传参方法有四种 1.页面url传参2.data-属性传参3.缓存传参4.全局变量传参 1.页面...
Next.js 跳转传参并接收接参
介绍路由传参，接参使用方法传参 + 跳转页面接收参数动态路由传参 + 跳转页面接收参数创建动态路由在pag...
react native 页面跳转传参
react native 组件之间传参包括父传子和子传父，但是也有页面跳转时需要传参，比如从A页面跳转到B页面...
uniapp中使用 uni.navigateBack() 返回上
B页面返回A页面，并给A页面传参 B页面 A页面
传参第九天操作组合
传参打开子页面
Vue实战第二天
路由组件传参动态路由传参静态路由传参函数传参htm5 history 模式设置通用路由，找不到页面跳转自定...