用JS获取地址栏参数的方法
2017-08-22 08:25
274 查看
用JS获取地址栏参数的方法(超级简单)
方法一:采用正则表达式获取地址栏参数:( 强烈推荐,既实用又方便!)
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”));
下面举一个例子:
若地址栏URL为:abc.html?id=123&url=http://www.maidq.com
那么,但你用上面的方法去调用:alert(GetQueryString(“url”));
则会弹出一个对话框:内容就是 http://www.maidq.com
如果用:alert(GetQueryString(“id”));那么弹出的内容就是 123 啦;
当然如果你没有传参数的话,比如你的地址是 abc.html 后面没有参数,那强行输出调用结果有的时候会报错:
所以我们要加一个判断 ,判断我们请求的参数是否为空,首先把值赋给一个变量:
var myurl=GetQueryString(“url”);
if(myurl !=null && myurl.toString().length>1)
{
alert(GetQueryString(“url”));
}
这样就不会报错了!
方法二:传统方法
function UrlSearch()
{
var name,value;
var str=location.href; //取得整个地址栏
var num=str.indexOf("?")
str=str.substr(num+1); //取得所有参数 stringvar.substr(start [, length ]
var arr=str.split("&"); //各个参数放到数组里
for(var i=0;i
方法一:采用正则表达式获取地址栏参数:( 强烈推荐,既实用又方便!)
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”));
下面举一个例子:
若地址栏URL为:abc.html?id=123&url=http://www.maidq.com
那么,但你用上面的方法去调用:alert(GetQueryString(“url”));
则会弹出一个对话框:内容就是 http://www.maidq.com
如果用:alert(GetQueryString(“id”));那么弹出的内容就是 123 啦;
当然如果你没有传参数的话,比如你的地址是 abc.html 后面没有参数,那强行输出调用结果有的时候会报错:
所以我们要加一个判断 ,判断我们请求的参数是否为空,首先把值赋给一个变量:
var myurl=GetQueryString(“url”);
if(myurl !=null && myurl.toString().length>1)
{
alert(GetQueryString(“url”));
}
这样就不会报错了!
方法二:传统方法
function UrlSearch()
{
var name,value;
var str=location.href; //取得整个地址栏
var num=str.indexOf("?")
str=str.substr(num+1); //取得所有参数 stringvar.substr(start [, length ]
var arr=str.split("&"); //各个参数放到数组里
for(var i=0;i
相关文章推荐
- 用JS获取地址栏参数的方法(超级简单)
- 用JS获取地址栏参数的方法(超级简单)
- 用JS获取地址栏参数的方法
- 用JS获取地址栏参数的方法(超级简单)
- 【转载】用JS\JQUERY获取地址栏参数的方法
- 用JS获取地址栏参数的方法
- 用JS获取地址栏参数的方法(超级简单)
- 用JS获取地址栏参数的方法(超级简单)
- 用JS获取地址栏参数的方法
- JS获取当前完整的url地址以及参数的方法
- 用JS获取地址栏参数的方法
- 转:用JS获取地址栏参数的方法(超级简单)
- 获取网页URL地址及参数等的两种方法(js和C#)
- JS获取地址栏参数的两种方法(简单实用)
- 用JS获取地址栏参数的方法(超级简单)
- 获取网页URL地址及参数等的两种方法(js和C#)
- 用JS获取地址栏参数的方法(超级简单)
- 用JS获取地址栏参数的方法
- js获取地址栏参数的方法
- 用JS获取地址栏参数的方法(超级简单)