JS控制静态页面之间传递参数获取参数并应用(window.location)
来源:互联网 发布:mui.js下载 编辑:程序博客网 时间:2024/06/05 07:41
在项目中遇到这也一个问题:
有a.html和b.html。
1.a页面已经打开,b页面尚未打开,我希望在a页面设置好一些列参数,比如背景色,宽度等参数,传递给b页面,好让b页面在打开就能应用。
2.a页面已经打开,b页面无论是否打开。在a页面需要获取到b页面的一些元素甚至变量,以便于应用到a页面。
注意:不涉及跨域问题。
想了很久,终于想到了解决方案。
第一个问题,我们可以利用html页面锚点的特性,将参数通过url传递给b页面
这是a页面代码:
由代码可以知道,点击按钮跳转页面,跳转的url后面多了一系列参数,这个并不会影响跳转的地址,当b页面打开后,可以获取location截取字符串获得变量及变量值,再进行应用。
这是b页面代码:
通过截取字符串取得url传递过来的变量应用。成功!
第二个问题,我想的是通过iframe来达到目的,这只是一个障眼法。
在a页面动态创建一个iframe,并设置src值为b页面,display为none。再通过iframe的contentDocument属性获取返回的iframe的文档。
在文档内获取到所需要的元素并应用。
源码:
0
<span>11111111111</span>
1<script>
2var fram = document.createElement('iframe');
3fram.src = 'http://www.vip.com/kongzhi/fram2.html';
4fram.style.display = 'none';
5document.body.appendChild(fram);
6fram.onload = function(){
7var doc = fram.contentDocument || fram.contentWindow.document;
8var p = doc.querySelector('p');
9document.body.appendChild(p);
10}
11</script>
0 0
- JS控制静态页面之间传递参数获取参数并应用(window.location)
- JS控制静态页面之间传递参数获取参数并应用(window.location)
- window.location.href传递js对象参数及获取参数
- js获取url传递参数,js获取url?号后面的参数window.location
- js获取url传递参数,js获取url?号后面的参数window.location
- js获取url传递参数,js获取url?号后面的参数window.location
- 静态页面之间传递参数
- window.location传递参数
- js控制页面跳转并传参数,获取参数
- JS实现静态页面之间的参数传递
- 静态页面网页参数传递,获取
- 页面之间传递参数js的方式
- 页面之间传递参数.
- 页面之间传递参数
- 页面之间传递参数
- [JS]window.location获取url各项参数详解
- js获取页面传递参数(完整版)
- js获取页面get传递的参数
- QT快捷键
- CodeForces 612C Replace To Make Regular Bracket Sequence
- CSS user-select
- SQL中的ISNULL的用法
- 学习Lemon OA系统:一、流程定义
- JS控制静态页面之间传递参数获取参数并应用(window.location)
- 推理集 —— 实证
- webView 使用指南及使用心得总结
- 使用Lua的扩展库LuaSocket用例
- 链表操作
- 输入法dialog、window
- Android 单元测试01--JUnit测试
- 搜索收录推送
- HTTP协议详解(真的很经典)