javascript页面间传递参数

1.通过URL传递参数

传递参数页

      function setCity()
 
      {
 
          var str = document.getElementById("cityName");
 
          if (str.value == null || str.value == "") {
 
              alert('请输入到达城市！');
 
              return;
 
          }
 
          else{
 
               var url="5.html?cityName="+str.value;
 
               alert(url);
 
               var urlInfo=encodeURI(url);
 
               window.location=urlInfo;
 
          }
 
 }

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

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

接受参数页面

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

<img id="imgBanci" />

2.通过剪贴板传递参数

传递参数页：

  function setCity()
 
      {
 
          var str = document.getElementById("cityName");
 
          if (str.value == null || str.value == "") {
 
              alert('请输入到达城市！');
 
              return;
 
          }
 
          else {
 
              clipboardData.clearData("Text");
 
                    //清空剪贴板中“Text“格式的所有内容
 
              clipboardData.setData("Text",str.value);
 
                    //设置剪贴板中“Text“格式的内容
 
              window.location = "5.html";
 
                    //页面跳转
 
          }

接受参数页

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