js如何准确获取当前页⾯url⽹址信息
在WEB开发中，时常会⽤到javascript来获取当前页⾯的url⽹址信息，在这⾥是我的⼀些获取url信息的⼩总结。
1、window.location.href(设置或获取整个 URL 为字符串)
2、window.location.protocol(设置或获取 URL 的协议部分)
var test = window.location.protocol;
alert(test);
返回：http:
3、window.location.host(设置或获取 URL 的主机部分)
var test = window.location.host;
alert(test);
返回：i.jb51
4、window.location.port(设置或获取与 URL 关联的端⼝号码)
var test = window.location.port;
alert(test);
返回：空字符(如果采⽤默认的80端⼝(update：即使添加了:80)，那么返回值并不是默认的80⽽是空字符)
5、window.location.pathname(设置或获取与 URL 的路径部分（就是⽂件地址）)var test = window.location.pathname; alert(test);
返回：/EditPosts.aspx
6、window.location.search(设置或获取 href 属性中跟在问号后⾯的部分)
var test = window.location.search;
alert(test);
返回：?opt=1
PS：获得查询（参数）部分，除了给动态语⾔赋值以外，我们同样可以给静态页⾯，并使⽤javascript来获得相信应的参数值。
7、window.location.hash(设置或获取 href 属性中在井号“#”后⾯的分段)
var test = window.location.hash;
alert(test);
返回：空字符(因为url中没有)
8、js获取url中的参数值
⼀、正则法
function getQueryString(name) {
var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i');
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"));
⼆、split拆分法
function GetRequest() {
var url = location.search; //获取url中"?"符后的字串
var theRequest = new Object();
if (url.indexOf("?") != -1) {
var str = url.substr(1);
strs = str.split("&");
for(var i = 0; i < strs.length; i ++) {
theRequest[strs[i].split("=")[0]] = unescape(strs[i].split("=")[1]);
}
}
return theRequest;
}
var Request = new Object();
Request = GetRequest();<br>// var id=Request["id"];
// var 参数1，参数2，参数3，参数N;
// 参数1 = Request['参数1'];
// 参数2 = Request['参数2'];
// 参数3 = Request['参数3'];
// 参数N = Request['参数N'];
三、指定取
function GetQueryString(name) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
var r = window.location.search.substr(1).match(reg); //获取url中"?"符后的字符串并正则匹配
var context = "";
if (r != null)
context = r[2];
reg = null;
r = null;
return context == null || context == "" || context == "undefined" ? "" : context;
}
alert(GetQueryString("j"));
四、单个参数的获取⽅法
function GetRequest() {
var url = location.search; //获取url中"?"符后的字串
if (url.indexOf("?") != -1) { //判断是否有参数
var str = url.substr(1); //从第⼀个字符开始因为第0个是?号获取所有除问号的所有符串
strs = str.split("="); //⽤等号进⾏分隔（因为知道只有⼀个参数所以直接⽤等号进分隔如果有多个参数要⽤&号分隔再⽤等号进⾏分隔）  alert(strs[1]);  //直接弹出第⼀个参数（如果有多个参数还要进⾏循环的）
}
}
javascript 获取当前 URL 参数的两种⽅法
//返回的是字符串形式的参数，例如：class_id=3&id=2&
function getUrlArgStr(){
var q=location.search.substr(1);
var qs=q.split('&');
var argStr='';
if(qs){
for(var i=0;i<qs.length;i++){
argStr+=qs[i].substring(0,qs[i].indexOf('='))+'='+qs[i].substring(qs[i].indexOf('=')+1)+'&';
}
}
return argStr;
}
//返回的是对象形式的参数
function getUrlArgObject(){
var args=new Object();
var query=location.search.substring(1);//获取查询串
var pairs=query.split(",");//在逗号处断开
for(var i=0;i<pairs.length;i++){
var pos=pairs[i].indexOf('=');//查name=value
if(pos==-1){//如果没有到就跳过
continue;
}
var argname=pairs[i].substring(0,pos);//提取name
var value=pairs[i].substring(pos+1);//提取value
args[argname]=unescape(value);//存为属性
}
return args;//返回对象
}
另外列出⼀些 javascript 获取url中各个部分的功能⽅法：
window.location.host; //返回url 的主机部分，例如：
window.location.hostname; //返回
window.location.href; //返回整个url字符串(在浏览器中就是完整的地址栏)，例如：/index.php?
class_id=3&id=2
window.location.pathname; //返回/a/index.php或者/index.php
window.location.protocol; //返回url 的协议部分，例如： http:，ftp:，maito：等等。
window.location.port //url 的端⼝部分，如果采⽤默认的80端⼝，那么返回值并不是默认的80⽽是空字符
以上就是本⽂的全部内容，希望对⼤家理解如何获取当前页⾯url⽹址信息有所帮助。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。