zblog主题服务器

我们在调用网站参数的时候常常需要把url里面的参数调用出来,可以用下面的方法来实现参数的调用。

<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;
}

// 调用方法
alert(GetQueryString("参数名1"));
alert(GetQueryString("参数名2"));
alert(GetQueryString("参数名3"));

</script>

比如说:地址栏URL为:abc.html?id=518&url=518theme.com

用上面的方法去调用:alert(GetQueryString(“url”));

则会弹出一个对话框:内容就是518theme.com

如果用:alert(GetQueryString(“id”));那么弹出的内容就是 518啦;

当然如果你没有传参数的话,比如你的地址是 abc.html 后面没有参数,那强行输出调用结果有的时候会报错:

所以我们要加一个判断 ,判断我们请求的参数是否为空,首先把值赋给一个变量,这样就不会报错了!:

var myurl=GetQueryString("url");if(myurl !=null && myurl.toString().length>1){
   alert(GetQueryString("url"));
}


如果不要弹窗而是在表单里面显示,可以用下面的代码实现:

<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;
}
</script>
<script type="text/javascript">
var product=GetQueryString("url");
if(product !=null && product.toString().length>1){   
    $('#products').val(product);
   }
</script>


相关阅读: