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

原创 2016年08月30日 14:59:58
设置或获取对象指定的文件名或路径。
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;//返回对象  
}  



使用JS获取当前页面的URL(网址信息)

获取完整URL 获取文件路径(文件地址) 获取协议 获取主机地址和端口号 获取主机地址 获取端口号 获取锚点(“#”后面的分段) 获取属性(“?”后面的分段) 获取框架(frameset),指定页面U...
  • dkbnull
  • dkbnull
  • 2016年12月11日 00:03
  • 3393

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

设置或获取对象指定的文件名或路径。window.location.pathname   设置或获取整个 URL 为字符串。window.location.href; 设置或获取与 URL 关联的端...
  • lisheng19870305
  • lisheng19870305
  • 2014年11月14日 17:51
  • 3051

js获取用户来路url及跳转链接

在链接跳转中,我们知道返回上一个页面的方法: return back to last url 或者使用history.back();这个方法就只能返回上一级url而已了。但是如果某些按钮使用这种...
  • qq_22855325
  • qq_22855325
  • 2017年06月03日 13:38
  • 2822

js获取当前页面的url网址信息

js获取当前页面的url网址信息小汇总 在WEB开发中,时常会用到javascript来获取当前页面的url网址信息,在这里是我的一些获取url信息的小总结。 下面我们举例一个UR...
  • tb3706666
  • tb3706666
  • 2017年11月21日 11:46
  • 69

js获取当前页面url网址信息

在WEB开发中,时常会用到javascript来获取当前页面的url网址信息,在这里是我的一些获取url信息的小总结。 下面我们举例一个URL,然后获得它的各个组成部分:http://i.cnb...
  • qq_37788558
  • qq_37788558
  • 2017年12月11日 17:03
  • 29

js如何准确获取当前页面url网址信息

在WEB开发中,时常会用到javascript来获取当前页面的url网址信息,在这里是我的一些获取url信息的小总结。 下面我们举例一个URL,然后获得它的各个组成部分:http://i.cnb...
  • tiantang_1986
  • tiantang_1986
  • 2017年11月13日 09:42
  • 99

使用JS获取当前页面的URL(网址信息)

获取完整URL 获取文件路径(文件地址) 获取协议 获取主机地址和端口号 获取主机地址 获取端口号 获取锚点(“#”后面的分段) 获取属性(“?”后面的分段) 获取框架(frameset),指定页面U...
  • dkbnull
  • dkbnull
  • 2016年12月11日 00:03
  • 3393

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

设置或获取对象指定的文件名或路径。window.location.pathname   设置或获取整个 URL 为字符串。window.location.href; 设置或获取与 URL 关联的端...
  • lisheng19870305
  • lisheng19870305
  • 2014年11月14日 17:51
  • 3051

js获取当前页面的URL信息

在WEB开发中,时常会用到javascript来获取当前页面的url网址信息,在这里是我的一些获取url信息的小总结。 下面我们举例一个URL,然后获得它的各个组成部分:http://i.cnblo...
  • Paranoia_ZK
  • Paranoia_ZK
  • 2016年10月31日 16:36
  • 608

JS获取当前网址信息与JS正则表达式验证账号、手机号、电话和邮箱

一、JS正则表达式验证账号、手机号、电话和邮箱 1、验证帐号是否合法,验证规则:字母、数字、下划线组成,字母开头,4-16位...
  • wjtlht928
  • wjtlht928
  • 2014年09月21日 12:14
  • 471
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:前端js得到当前页面的url信息方法(JS获取当前网址信息)
举报原因:
原因补充:

(最多只允许输入30个字)