JavaScript Location 对象用法

Location 对象

Location对象包含有关当前URL的信息。location对象是window对象的一部分，可以通过window.location属性访问。

注意：没有适用于location对象的公共标准，但所有主流浏览器都支持它。

 

 
<!DOCTYPE html>
<html>
<meta charset="UTF-8">
<title>js</title>
<body>
<p>单击此按钮可显示当前页面的整个URL。</p>
<button οnclick="myFunction()">尝试</button>
<p id="demo"></p>
<script>
    function myFunction() {
     var x = location.href;
     document.getElementById("demo").innerHTML = x;
 
   }
 
</script>
 
 
</body>
 
</html>

 

Location 对象属性

可以在Location对象上使用以下属性：

属性描述
hash 设置或返回URL的锚点部分（＃）
host 设置或返回URL的主机名和端口号
hostname 设置或返回URL的主机名
href 设置或返回整个URL
origin 返回URL的协议，主机名和端口号
pathname 设置或返回URL的路径名
port 设置或返回URL的端口号
protocol 设置或返回URL的协议
search 设置或返回URL的查询字符串部分

Location 对象方法

可以在Location对象上使用以下方法：

方法描述
assign() 加载新文档
reload() 重新加载当前文档
replace() 用新的文档替换当前文档
posted @ 2019-08-01 09:49  web小哥  阅读(4033)  评论(0)    收藏  举报