• 首页
• 域名注册
• 虚拟主机
• 网站建设
• 服务器租用
• 营销推广
• 网站程序
• 前端开发
• 移动互联网
• 企业邮箱

• 当前位置：创新互联 >> 常见问题 >> 前端开发 >> JavaScript教程 >> 超简单js获取url传递参数的代码实例

超简单js获取url传递参数的代码实例

• 作者：创新互联 文章来源：网页前站开发 点击数： 更新时间：2017-02-21
• html网页通过url路径传递过来的参数用javaScript获取方法介绍：
  因为网页是静态的html不像动态程序可以直接接收，如更成动态程序就好接收转递过来的参数，但动态程序要耗服务器资源些或因为项目需求就要使用html静态网页地址url传递参数。
  创新互联专业网站制作给大家写好了js函数直接使用：js获取url传递的参数代码实例如下：
  
  文件名：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
  运行就会弹出dmvi.cn
  这是不是你想要的效果，这是只获取传递的值。还有一种方法，获取参数和传递值一起返回。
  
  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
  

  运行就会弹出 url=dmvi.cn&id=028

  
  

  以上2种方法都是运用js获取网页地址栏传递的参数，我是直接把获取到的参数弹出来的，你可以拿来运用到你的网站建设项目中。
• JavaScript 用法之script用法 :上一篇
  2016年网站建设流行的语言和技术 :下一篇