js——location对象

属性

hash
定义和用法
hash 属性是一个可读可写的字符串，该字符串是 URL 的锚部分（从 # 号开始的部分）。

语法

location.hash

实例

//返回一个URL的主要部分。假设当前的URL是http://www.w3cschool.cc/test.htm＃PART2：

document.write(location.hash); //#part2

href（下面的location的url都以此为基准）
定义和用法
href 属性是一个可读可写的字符串，可设置或返回当前显示的文档的完整 URL。

语法

location.href

实例

//返回完整的URL（当前页)：
document.write(location.href);//http://localhost:63342/github/QD-practise/ce%20shi/html/jq.html?_ijt=b3tco40ejtbsb8n68dk11k99v5

host
定义和用法
host 属性是一个可读可写的字符串，可设置或返回当前 URL 的主机名称和端口号。

语法

location.host

实例

//返回当前URL的主机名和端口：
document.write(location.host);//localhost:63342

hostname
定义和用法
hostname 属性是一个可读可写的字符串，可设置或返回当前 URL 的主机名。

语法

location.hostname

实例

//返回当前URL的主机名：
document.write(location.hostname);//localhost

port
定义和用法
port 属性是一个可读可写的字符串，可设置或返回当前 URL 的端口部分。
注意：如果端口号就是80（这是默认的端口号)，无需指定。

语法

location.port

实例

//返回当前URL的端口：
document.write(location.port);//63342

pathname
定义和用法
pathname 属性是一个可读可写的字符串，可设置或返回当前 URL 的路径部分。

语法

location.pathname

实例

//返回当前URL的路径名
document.write(location.pathname);///github/QD-practise/ce%20shi/html/jq.html

protocol
定义和用法
protocol 属性是一个可读可写的字符串，可设置或返回当前 URL 的协议。

语法

location.protocol

实例

//返回当前URL的协议部分：
document.write(location.protocol);//http:

search
定义和用法
search 属性是一个可读可写的字符串，可设置或返回当前 URL 的查询部分（问号 ? 之后的部分）。

语法

location.search

实例

//返回URL的查询部分
document.write(location.search);//?_ijt=b3tco40ejtbsb8n68dk11k99v5

方法
assign(URL)
定义和用法
assign()方法加载一个新的文档。

语法

location.assign(URL)

实例

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
<script>
function newDoc(){
    window.location.assign("http://www.runoob.com")
}
</script>
</head>
<body>

<input type="button" value="载入新文档" onclick="newDoc()">

</body>
</html>

reload(forceGet)
定义和用法
reload()方法用于刷新当前文档。
reload() 方法类似于你浏览器上的刷新页面按钮。
forceGet 如果把该方法的参数设置为 true，那么无论文档的最后修改日期是什么，它都会绕过缓存，从服务器上重新下载该文档。这与用户在单击浏览器的刷新按钮时按住 Shift 健的效果是完全一样。

语法

location.reload(forceGet)

replace(newURL)
定义和用法
replace() 方法可用一个新文档取代当前文档。

语法

location.replace(newURL)

实例

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
<script>
function replaceDoc(){
    window.location.replace("http://www.runoob.com")
}
</script>
</head>
<body>

<input type="button" value="载入新文档替换当前页面" onclick="replaceDoc()">

</body>
</html>

注：
assign和replace区别
assign是新加载页面浏览器还可以使用返回回到开始的dom
replace是替换页面内容浏览器返回无效

猜你喜欢