获取网页URL各部分-优快云博客

1.设置或获取对象指定的文件名或路径。

alert(window.location.pathname)

2.设置或获取整个 URL 为字符串。

alert(window.location.href);

3.设置或获取与 URL 关联的端口号码。

alert(window.location.port)

4.设置或获取 URL 的协议部分。

alert(window.location.protocol)

5.设置或获取 href 属性中在井号“#”后面的分段。

alert(window.location.hash)

6.设置或获取 location 或 URL 的 hostname 和 port 号码。

alert(window.location.host)

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

alert(window.location.search)

实践1:

获取变量的值(截取等号后面的部分)

var url = window.location.search;//拿到href问号后面的部分

//substring() 方法用于提取字符串中介于两个指定下标之间的字符。

var loc = url.substring(url.lastIndexOf('=')+1, url.length);

实践2:

如果想拿到网页地址为

http://localhost:63342/%E5%A4%8D%E4%B9%A0/js/%E8%8E%B7%E5%BE%97%E7%BD%91%E9%A1%B5%E5%9C%B0%E5%9D%80.html?_ijt=j29lvuc2ev8m5p7fvu59r1034f'

这个字符串,localhost:后面的那串数字

可以用

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<script>
    var str = window.location.href;//获取当前网页的地址
    var arr = str.split('/');//输出的arr如下图所示

//    console.log(arr);

//myStr就是字符串"localhost:63342"
    var myStr = arr[2];

//fArr将localhost:63342分成2部分;

    var fArr = myStr.split(':');
    var final = fArr[1];
    console.log(final);

//finnal就是最后的 63342
//    console.log(myStr);

</script>
</body>
</html>

js获取当前网页地址