首先说一下所谓静态页面参数传递的意思。
有a.html和b.html两个页面,不通过服务器,只用JS实现,把a页面里面参数传到b页面中去。
正常情况下,只有通过后端服务器才能动态控制模板页面的参数,但是有时候我们需要类似于后端一样的动态操作,又只能前端操作的时候,就需要到了这种传递简单参数的方法。
1.传递参数的页面:send.html
<button type="button" onclick="sendurls(urls,titles,imgurls)"></button>
<script>
function sendurls(urls,titles,imgurls){
window.open(encodeURI(urls+ "?imgurls="+imgurls +"?artileTitle="+titles),"_self");
</script>
说明:在 a页面创建一个发送参数的函数sendurls(),urls参数是一个地址(这个地址参数在b页面接收后,可作为想链接到的页 面的href链接地址);imgurls参数是一个图片地址参数,artileTitle参数为一段文本(在这里我用为b页面的标题);_self为 在当前页面打开(window.open()默认问为在新窗口打开)。
2.接收参数的页面:gets.html
- <div class="content">
- <h3 id="lcTitle"><!-- 标题 --></h3>
- <img src="" class="pageImg" id="pageImg" alt="">
- </div>
**在b页面的body内添加onload事件,加载这个函数就完成了在a页面点击不同的按钮,动态修改b页面的网页标题,文章标题和图片的功能。
如:<body onload="geturls()">
转载请附加文本地址说明:http://blog.csdn.net/wdzmds