javascript页面间传递参数

发布时间:2020-11-16 发布网站:编程之家
编程之家收集整理的这篇文章主要介绍了javascript页面间传递参数编程之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

1.通过URL传递参数

传递参数页

 1      function setCity()
 2 
 3      {
 4 
 5          var str = document.getElementById("cityName");
 6 
 7          if (str.value == null || str.value == "") {
 8 
 9              alert('请输入到达城市!'10 
11              return;
12 
13          }
14 
15          else{
16 
17               var url="5.html?cityName="+str.value;
18 
19               alert(url);
20 
21               var urlInfo=encodeURI(url);
22 
23               window.location=urlInfo;
24 
25 26 
27 }

 

<div class="main1of2" >到达城市:<input type="text" id="cityName"  /></div>

 

<input type="image" src="../images/TJ.png" onmousedown="setCity()" onclick="setCity()" style="border: 0px;"/>

接受参数页面

 1     load()
   {
 5      var urlinfo = window.location.href;                                               //获取url
 7      var str = urlinfo.split("?")[1].split("=")[1];                                      
 9      拆分url得到“=”号后面的值(先用split("?")[1]得到?号以后的值,再用split("=")[1]得到等号后面的值,split从0开始计数)
11     var name = decodeURI(str);
13   decodeURI解码
15     var imgUrl="../images/" + name + ".png"17     document.getElementById("imgBanci").src=imgUrl;
19      }

 

<img id="imgBanci" />

2.通过剪贴板传递参数

     传递参数页:

    

 1   {
17              clipboardData.clearData("Text"19                    清空剪贴板中“Text“格式的所有内容
21              clipboardData.setData("Text",str.value);
23                    设置剪贴板中“Text“格式的内容
25              window.location = "5.html"27                    页面跳转
28 
29          }

 

     接受参数页

var str = clipboardData.getData("Text"访问剪贴板中的“Text“格式的内容
 9          var imgUrl = "../images/" + str + ".png"11          生成图片路径
13          document.getElementById("imgBanci").src = imgUrl;
15      }

 

总结

以上是编程之家为你收集整理的javascript页面间传递参数全部内容,希望文章能够帮你解决javascript页面间传递参数所遇到的程序开发问题。

如果觉得编程之家网站内容还不错,欢迎将编程之家网站推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您喜欢交流学习经验,点击链接加入编程之家官方QQ群:1065694478