白大褂
hash | 设置或返回从井号 (#) 开始的 URL（锚）。 |
host | 设置或返回主机名和当前 URL 的端口号。 |
hostname | 设置或返回当前 URL 的主机名。 |
href | 设置或返回完整的 URL。 |
pathname | 设置或返回当前 URL 的路径部分。 |
port | 设置或返回当前 URL 的端口号。 |
protocol | 设置或返回当前 URL 的协议。 |
search | 设置或返回从问号 (?) 开始的 URL（查询部分）。 |
JS获取URL参数Demo
复制收展HTML<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>JS获取URL参数Demo</title>
<script>
var url;
url = window.location.href; /* 获取完整URL */
console.log("window.location.href");
console.log(url); /* http://localhost:3547/common/left.html?name=leixing#top */
console.log("window.location.pathname");
url = window.location.pathname; /* 获取文件路径（文件地址） */
console.log(url); /* /common/left.html */
console.log("window.location.protocol");
url = window.location.protocol; /* 获取协议 */
console.log(url); /* http: */
console.log("window.location.host");
url = window.location.host; /* 获取主机地址和端口号 */
console.log(url); /* localhost:3547 */
console.log("window.location.hostname");
url = window.location.hostname; /* 获取主机地址 */
console.log(url); /* localhost */
console.log("window.location.port");
url = window.location.port; /* 获取端口号 */
console.log(url); /* 3547 */
console.log("window.location.hash");
url = window.location.hash; /* 获取锚点（“#”后面的分段） */
console.log(url); /* #top */
console.log("window.location.search");
url = window.location.search; /* 获取属性（“?”后面的分段） */
console.log(url); /* ?name=leixing */
</script>
</head>
<body>
</body>
</html>- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
- 19
- 20
- 21
- 22
- 23
- 24
- 25
- 26
- 27
- 28
- 29
- 30
- 31
- 32
- 33
- 34
- 35
- 36
- 37
- 38
- 39
- 40
- 41
- 42
- 43
- 44
结果
QQ好友
QQ空间