快捷搜索:   nginx

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

我们在写JS脚本的时候,很经常需要用到JS提取网址信息,并对网址信息进行处理,以下列出一些经常用到的方法:

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

window.location.href
例:http://localhost:8080/html/8372823.html#json?txt=1
alert(window.location.href); 则输出:http://localhost:8080/html/8372823.html#json?txt=1

2、设置或获取与 URL 关联的端口号码:

window.location.port
例:http://localhost:8080/html/8372823.html#json?txt=1
alert(window.location.port); 则输出:8080

3、设置或获取 URL 的协议部分

window.location.protocol
例:http://localhost:8080/html/8372823.html#json?txt=1
alert(window.location.protocol); 则输出:http:


4、设置或获取 href 属性中在井号“#”后面的分段。
window.location.hash
例:http://localhost:8080/html/8372823.html#json?txt=1
alert(window.location.hash); 则输出:json


5、设置或获取 href 属性中跟在问号后面的部分
window.location.search
例:http://localhost:8080/html/8372823.html#json?txt=1
alert(window.location.search); 则输出:txt=1




6、获取变量的值(截取等号后面的部分)
var url = window.location.search;
// alert(url.length);
// alert(url.lastIndexOf('='));
var loc = url.substring(url.lastIndexOf('=')+1, url.length);
输出:1



7、设置或获取 location 或 URL 的 hostname 和 port 号码:

window.location.host

例:http://localhost:8080/html/8372823.html#json?txt=1
alert(window.location.host); 则输出:http:localhost:8080


8、设置或获取.html之前最后一个\之间的字符串:
    var url = location.href;
    url = url.match(/\/(\d*).html/);
例:http://localhost:8080/html/8372823.html#json?txt=1
输出:8372823

9、设置或获取对象指定的文件名或路径。
window.location.pathname
例:http://localhost:8080/html/8372823.html#json?txt=1
alert(window.location.pathname); 则输出:/html/


window.location
属性 描述
hash 设置或获取 href 属性中在井号“#”后面的分段。
host 设置或获取 location 或 URL 的 hostname 和 port 号码。
hostname 设置或获取 location 或 URL 的主机名称部分。
href 设置或获取整个 URL 为字符串。
pathname 设置或获取对象指定的文件名或路径。
port 设置或获取与 URL 关联的端口号码。
protocol 设置或获取 URL 的协议部分。
search 设置或获取 href 属性中跟在问号后面的部分。
顶(2)
踩(0)

您可能还会对下面的文章感兴趣:

最新评论