您所请求的网址(url)无法获取

前端使⽤js如何准确获取当前页⾯url⽹址信息

在WEB开发中，时常会⽤到javascript来获取当前页⾯的url⽹址信息，在这⾥是我的⼀些获取url信息的⼩总结。

1、(设置或获取整个URL为字符串)

vartest=;

alert(test);

2、ol(设置或获取URL的协议部分)

vartest=ol;

alert(test);

返回：http:

3、(设置或获取URL的主机部分)

vartest=;

alert(test);

返回：

4、(设置或获取与URL关联的端⼝号码)

vartest=;

alert(test);

返回：空字符(如果采⽤默认的80端⼝(update:即使添加了:80)，那么返回值并不是默认的80⽽是空字符)

5、me(设置或获取与URL的路径部分（就是⽂件地址）)

vartest=me;

alert(test);

返回：/

6、(设置或获取href属性中跟在问号后⾯的部分)

vartest=;

alert(test);

返回：?opt=1

PS：获得查询（参数）部分，除了给动态语⾔赋值以外，我们同样可以给静态页⾯，并使⽤javascript来获得相信应的参数值。

7、(设置或获取href属性中在井号“#”后⾯的分段)

vartest=;

alert(test);

返回：空字符(因为url中没有)

8、js获取url中的参数值

⼀、正则法

functiongetQueryString(name){varreg=newRegExp('(^|&)'+name+'=([^&]*)(&|$)','i');varr=

(1).match(reg);if(r!=null){returnunescape(r[2]);}returnnull;}//这样调⽤：

alert(GetQueryString("参数名1"));alert(GetQueryString("参数名2"));alert(GetQueryString("参数名3"));

⼆、split拆分法

functionGetRequest(){

varurl=;//获取url中"?"符后的字串

vartheRequest=newObject();

if(f("?")!=-1){

varstr=(1);

strs=("&");

for(vari=0;i<;i++){

theRequest[strs[i].split("=")[0]]=unescape(strs[i].split("=")[1]);

}

}

returntheRequest;

}

varRequest=newObject();

Request=GetRequest();
//varid=Request["id"];

//var参数1,参数2,参数3,参数N;

//参数1=Request['参数1'];

//参数2=Request['参数2'];

//参数3=Request['参数3'];

//参数N=Request['参数N'];

三、指定取

functionGetQueryString(name){

varreg=newRegExp("(^|&)"+name+"=([^&]*)(&|$)","i");

varr=(1).match(reg);//获取url中"?"符后的字符串并正则匹配

varcontext="";

if(r!=null)

context=r[2];

reg=null;

r=null;

returncontext==null||context==""||context=="undefined"?"":context;

}

alert(GetQueryString("j"));

四、单个参数的获取⽅法

functionGetRequest(){

varurl=;//获取url中"?"符后的字串

if(f("?")!=-1){//判断是否有参数

varstr=(1);//从第⼀个字符开始因为第0个是?号获取所有除问号的所有符串

strs=("=");//⽤等号进⾏分隔（因为知道只有⼀个参数所以直接⽤等号进分隔如果有多个参数要⽤&号分隔再⽤等号进⾏分隔）

alert(strs[1]);//直接弹出第⼀个参数（如果有多个参数还要进⾏循环的）

}

}

⼀、正则法

functiongetQueryString(name){

varreg=newRegExp('(^|&)'+name+'=([^&]*)(&|$)','i');

varr=(1).match(reg);

if(r!=null){

returnunescape(r[2]);

}

returnnull;

}

//这样调⽤：

alert(GetQueryString("参数名1"));

alert(GetQueryString("参数名2"));

alert(GetQueryString("参数名3"));

⼆、split拆分法

functionGetRequest(){

varurl=;//获取url中"?"符后的字串

vartheRequest=newObject();

if(f("?")!=-1){

varstr=(1);

strs=("&");

for(vari=0;i<;i++){

theRequest[strs[i].split("=")[0]]=unescape(strs[i].split("=")[1]);

}

}

returntheRequest;

}

varRequest=newObject();

Request=GetRequest();
//varid=Request["id"];

//var参数1,参数2,参数3,参数N;

//参数1=Request['参数1'];

//参数2=Request['参数2'];

//参数3=Request['参数3'];

//参数N=Request['参数N'];

三、指定取

functionGetQueryString(name){

varreg=newRegExp("(^|&)"+name+"=([^&]*)(&|$)","i");

varr=(1).match(reg);//获取url中"?"符后的字符串并正则匹配

varcontext="";

if(r!=null)

context=r[2];

reg=null;

r=null;

returncontext==null||context==""||context=="undefined"?"":context;

}

alert(GetQueryString("j"));

四、单个参数的获取⽅法

functionGetRequest(){

varurl=;//获取url中"?"符后的字串

if(f("?")!=-1){//判断是否有参数

varstr=(1);//从第⼀个字符开始因为第0个是?号获取所有除问号的所有符串

strs=("=");//⽤等号进⾏分隔（因为知道只有⼀个参数所以直接⽤等号进分隔如果有多个参数要⽤&号分隔再⽤等号进⾏分隔）

alert(strs[1]);//直接弹出第⼀个参数（如果有多个参数还要进⾏循环的）

}

}