Chinaunix首页 | 论坛 | 博客

web全栈

首页　| 　博文目录　| 　关于我

web全栈

  • 博客访问： 1923111
  • 博文数量： 45
  • 博客积分： 0
  • 博客等级： 民兵
  • 技术积分： 515
  • 用 户 组： 普通用户
  • 注册时间： 2019-08-05 16:22
文章分类

全部博文（45）

文章存档

2020年（4）

2019年（41）

我的朋友
最近访客
推荐博文
JavaScript Location 对象用法

分类： JavaScript

2019-08-06 13:47:40

Location 对象

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

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

  1. <!DOCTYPE html>
  2. <html>
  3. <meta charset="UTF-8">
  4. <title>js</title>
  5.  
  6. <body>
  7.  
  8. <p>单击此按钮可显示当前页面的整个URL。</p>
  9.  
  10. <button οnclick="myFunction()">尝试</button>
  11.  
  12. <p id="demo"></p>
  13.  
  14. <script>
  15.     function myFunction() {
  16.         var x = location.href;
  17.         document.getElementById("demo").innerHTML = x;
  18.     }
  19. </script>
  20.  
  21. </body>
  22. </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() 用新的文档替换当前文档

阅读(1206) | 评论(0) | 转发(0) |
0

上一篇：jQuery 选择器有61种你都知道了多少

下一篇：JavaScript Date 日期属性和方法

给主人留下些什么吧！~~
关于我们 | 关于IT168 | 联系方式 | 广告合作 | 法律声明 | 免费注册

Copyright 2001-2010 ChinaUnix.net All Rights Reserved 北京皓辰网域网络信息技术有限公司. 版权所有

感谢所有关心和支持过ChinaUnix的朋友们

16024965号-6