window对象 location对象

最新推荐文章于 2023-03-14 22:51:23 发布

Daniel_Alan

最新推荐文章于 2023-03-14 22:51:23 发布

阅读量645

点赞数 1

分类专栏： web

本文链接：https://blog.csdn.net/qq_41992047/article/details/105191094

版权

web 专栏收录该内容

44 篇文章 0 订阅

订阅专栏

在JavaScript中，我们可以使用window对象下的location子对象来操作当前窗口的UR.所谓URL，指的就是页面地址。
location对象属性
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处理代码。