JavaScript 中 Location 对象介绍

目录

Location 对象

 Location 对象属性

Location 对象方法

Location 对象方法 细解

1 window.loction.href

语法:

说明:

举例:

2  window.location.search

3  window.location.hash

4  navigator对象。

语法:

举例:

分析:


Location 对象

  • Location 对象包含有关当前 URL 的信息。
  • Location 对象是 window 对象的一部分,可通过 window.location.xxx 格式的相关属性对其进行访问。
  • 注意: 没有应用于Location对象的公开标准,不过所有浏览器都支持该对象。

 Location 对象属性

hash返回一个URL的锚部分
host返回一个URL的主机名和端口
hostname返回URL的主机名
href返回完整的URL
pathname返回的URL路径名。
port返回一个URL服务器使用的端口号
protocol返回一个URL协议
search返回一个URL的查询部分

Location 对象方法

assign()载入一个新的文档
reload()重新载入当前文档
replace()用新的文档替换当前文档

Location 对象方法 细解

在JavaScript中,我们可以使用window对象下的location子对象来操作当前窗口的UR.所谓URL,指的就是页面地址。

  • href                 当前页面地址
  • search            当前页面地址“?”后面的内容
  • hash               当前页面地址“#”后面的内容

1 window.loction.href


在JavaScript中,我们可以使用location对象的href属性来获取或设置当前页面的地址

语法:

window.location.href

说明:

window.location.href可以直接简写为location.href,不过我们一般都习惯加上window前缀

举例:

<!DOCTYPE html>
<html>
      <head>
            <meta charset="UTF-8">
            <title></title>
      </head>     
      <script>
            setTimeout(function() {
                  window.location.href="http://www.chmusk.top";
            },2000);
      </script>
<body>      
      <p> 2秒后跳转</p>
</body>
</html>

2  window.location.search

在JavaScript中,我们可以使用location对象的search属性来获取和设置当前页面的地址“?”后面的内容。

3  window.location.hash

在JavaScript中,我们可以使用location对象的hash属性来获取和设置当前页面地址“#”后面的内容。#一般用于锚点链接。

4  navigator对象。

在JavaScript中,我们可以使用window对象下的子对象navigator来获取浏览器的类型

语法:

window.navigator.userAgent

举例:

<!DOCTYPE html>
<html>
        <head>
                <meta charset="UTF-8">
                <title></title>
        </head>       
        <script>
                if(window.navigator.userAgent.indexOf("MSIE")!=-1){
                        alert("这是IE");
                }
                else if(window.navigator.userAgent.indexOf("Edge"!=-1)){
                        alert("这是Edge");
                }
                else if(window.navigator.userAgent.indexOf("Firefox")!=-1)
                {
                        alert("这是Firefox");
                }
                document.write(window.navigator.userAgent);
        </script>
 
<body>    
        <!--<p> 2秒后跳转</p>-->
</body>
</html>

分析:

  • indexOf()方法用于找出“某个字符串”在字符中首次出现的位置,
  • 如果找不到就返回-1.
  • 判断浏览器类型也是经常用到的,特别是在处理不同浏览器兼容性上,我们就根据浏览器类型来加载对应的JavaScript处理代码。
  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值