• 當(dāng)前位置：創(chuàng)新互聯(lián) >> 常見問題 >> 前端開發(fā) >> JavaScript教程 >> 超簡單js獲取url傳遞參數(shù)的代碼實例

超簡單js獲取url傳遞參數(shù)的代碼實例

• 作者：創(chuàng)新互聯(lián) 文章來源：網(wǎng)頁前站開發(fā) 點擊數(shù)： 更新時間：2017-02-21
• html網(wǎng)頁通過url路徑傳遞過來的參數(shù)用javaScript獲取方法介紹：
  因為網(wǎng)頁是靜態(tài)的html不像動態(tài)程序可以直接接收，如更成動態(tài)程序就好接收轉(zhuǎn)遞過來的參數(shù)，但動態(tài)程序要耗服務(wù)器資源些或因為項目需求就要使用html靜態(tài)網(wǎng)頁地址url傳遞參數(shù)。
  創(chuàng)新互聯(lián)專業(yè)網(wǎng)站制作給大家寫好了js函數(shù)直接使用：js獲取url傳遞的參數(shù)代碼實例如下：
  
  文件名：js.html
  

  <script type="text/javascript">
    function GetQueryString(name)
    {
    var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
    var r = window.location.search.substr(1).match(reg);
    if(r!=null)return  unescape(r[2]); return null;
    }
  //使用方法：
  var myurl=GetQueryString("url");
    if(myurl !=null && myurl.toString().length>1)
    {
    alert(GetQueryString("url"));
    }
  </script>
  

  用瀏覽器打開js.html文件，在地址欄中加上 js.html?url=dmvi.cn
  運(yùn)行就會彈出dmvi.cn
  這是不是你想要的效果，這是只獲取傳遞的值。還有一種方法，獲取參數(shù)和傳遞值一起返回。
  
  js2.html
  

  <script type="text/javascript">
  	var getInfo=window.location.search.slice(window.location.search.lastIndexOf("?")+1);
  	alert(getInfo);
  </script>
  

  
  用瀏覽器打開js2.html文件，在地址欄中加上 js2.html?url=dmvi.cn&id=028
  

  運(yùn)行就會彈出 url=dmvi.cn&id=028

  
  

  以上2種方法都是運(yùn)用js獲取網(wǎng)頁地址欄傳遞的參數(shù)，我是直接把獲取到的參數(shù)彈出來的，你可以拿來運(yùn)用到你的網(wǎng)站建設(shè)項目中。
• JavaScript 用法之script用法 :上一篇
  2016年網(wǎng)站建設(shè)流行的語言和技術(shù) :下一篇