JS控制静态页面之间传递参数获取参数并应用(window.location)
2016-08-24 10:18
951 查看
在项目中遇到这也一个问题:
有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的文档。
在文档内获取到所需要的元素并应用。
源码:
有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> |
2 | var fram = document.createElement('iframe'); |
3 | fram.src = 'http://www.vip.com/kongzhi/fram2.html'; |
4 | fram.style.display = 'none'; |
5 | document.body.appendChild(fram); |
6 | fram.onload = function(){ |
7 | var doc = fram.contentDocument || fram.contentWindow.document; |
8 | var p = doc.querySelector('p'); |
9 | document.body.appendChild(p); |
10 | } |
11 | </script> |
相关文章推荐
- JS控制静态页面之间传递参数获取参数并应用(window.location)
- JS控制静态页面之间传递参数获取参数并应用
- JS控制静态页面之间传递参数获取参数并应用的简单实例
- JS控制静态页面传递参数并获取参数应用
- 通过window.location.search获取页面url传递的参数
- 后端往前段传递参数,大部分人都清楚,无非就是发起ajax请求获取后端值,然后通过js写入html相应位置即可。但是前段html页面之间,怎么传递参数呢?
- window.location.href传递js对象参数及获取参数
- js获取url传递参数,js获取url?号后面的参数window.location
- js获取url传递参数,js获取url?号后面的参数window.location
- js获取url传递参数,js获取url?号后面的参数window.location
- Javascript获取HTML静态页面参数传递值示例
- js 获取当前页面的url等内容 window.location系列
- 静态页面网页参数传递,获取
- javascript获取超链接传递的参数,此方法亦能解决2个通过js超链页面传递参数的乱码问题
- js前端获取页面传递的参数
- 页面之间传递参数js的方式
- js javascript 获取url,获得当前页面的url,静态html文件js读取url参数
- js通过location.search来获取页面传来的参数
- XML,Dictionary的应用---有关于页面之间接收和传递参数的又一解决方案 [原创]
- 利用js控制表单POST传递多个动态参数到另一页面