JS控制静态页面之间传递参数获取参数并应用(window.location)
来源:互联网 发布:龙与地下城游戏 知乎 编辑:程序博客网 时间:2024/06/05 03:47
在项目中遇到这也一个问题:
有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传递的参数
- Object.keys()js 把对象按照属性名的字母顺序进行排列
- Java泛型中E、T、K、V等的含义
- PAT 1066 图像过滤
- 临时扩大swap分区大小
- eclipse fail to load the JNI ...
- JS控制静态页面之间传递参数获取参数并应用(window.location)
- LeetCode 60. Permutation Sequence
- UIMenuController设置setMenuVisible:YES后还是不显示
- javascript封装自定义滚动条方法,可自定义四个边框滚动条
- JavaBean关于属性命名的特殊规范
- VIM中ctags的简单使用教程
- .NET Expression 从零开始三:运算符
- [项目实训]6.2 VJ整体的html页面的完善
- LeetCode之路:409. Longest Palindrome