• <button id="eiyoe"><acronym id="eiyoe"></acronym></button>
    <em id="eiyoe"></em>

  • <rp id="eiyoe"><acronym id="eiyoe"><input id="eiyoe"></input></acronym></rp>
      查看: 2488|回復: 0
      上一主題 下一主題

      HTML頁面跳轉及參數傳遞問題

      79910

      主題

      0

      好友

      積分

      離線 發信

      跳轉到指定樓層
      樓主
      發表于 2018-01-24 00:00 | 只看該作者 | 倒序瀏覽

      HTML頁面跳轉:

      window.open(url, "", "width=600,height=400");

      第二個參數:_self,在當前窗口打開窗口;_blank(默認值),在另外的新建窗口打開新窗口;

      window.location.href="http://www.jb51.net";     //在同當前窗口中打開窗口window.history.back(-1);    //返回上一頁面 <a href="http://www.baidu.net"  target="_blank">

      HTML參數傳遞:

      1. url傳參:

      第一個頁面(a.html):

      var obj = a.value; //傳給彈出頁面參數var url = 'jxb.html?obj='+obj;url = encodeURI(url);window.open(url, "", "width=600,height=400");

      第二個頁面(b.html):

      var url = decodeURI(window.location.href);var argsIndex = url .split("?obj=");var arg = argsIndex[1];

      注:中文傳輸:可以在頁面a用encodeURI 編碼url  在b頁面用decodeURI解碼url

      2. cookie傳參:

      function setCookie(cname,cvalue){    document.cookie = cname + "=" + cvalue;}function getCookie(cname){    var name = cname + "=";    var ca = document.cookie;}

      3. localStorage對象傳參:

      a.html:

      var div = doucment.getElementById('要獲取字符串的DIV ID名');localStorage.string = div.textContent;

      b.html:

      var div = doucment.getElementById('要寫入的DIV ID名');div.textContent = localStorage.string;

      4. window.opener()

      父頁面:

      <input type="text" name="textfield" id="textfield"/>
      window.open("子頁面.html");

      子頁面:

      window.opener.document.getElementByIdx('textfield').value='123123123';

      總結

      以上所述是小編給大家介紹的HTML頁面跳轉及傳遞參數問題,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對腳本之家網站的支持!

      來源:http://www.jb51.net/web/590418.html