前端js得到当前页面的url信息方法(JS获取当前网址信息)

本文链接：https://blog.csdn.net/ruiti/article/details/52369337

设置或获取对象指定的文件名或路径。
alert(window.location.pathname)

设置或获取整个 URL 为字符串。
alert(window.location.href);

//没有登录时，先登录
window.location.href="/hdmall/login.hd";

设置或获取与 URL 关联的端口号码。
alert(window.location.port)

设置或获取 URL 的协议部分。
alert(window.location.protocol)

设置或获取 href 属性中在井号“#”后面的分段。
alert(window.location.hash)

设置或获取 location 或 URL 的 hostname 和 port 号码。
alert(window.location.host)

设置或获取 href 属性中跟在问号后面的部分。

alert(window.location.search)

//1.html获取url?后面所需的参数的完整实例

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<script>
    window.onload= function () {
        window.location.href = "3.html?homebedid=aa&username=bb&id=234324&pass=452345"
    }
</script>
</body>
</html>

//3.html

<!doctype html>
<head>
    <meta charset="utf-8">
    <title>获取url地址？?问号后面参数</title>
</head>
<body>
<script>
    var getUrlParam = function (name) {
        var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
        var r = window.location.search.substr(1).match(reg);
        if (r != null) return decodeURI(r[2]); return null;
    };

    alert(getUrlParam('pass'));
</script>
</body>
</html>

//返回的是字符串形式的参数，例如：class_id=5&id=123
function getUrlArgStr(){  
    var g=location.search.substr(1);  
    var qs=g.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;//返回对象  
}