location 对象

1. URL

统一资源定位符(Uniform Resource Locator,URL)是互联网上标准资源的地址。

互联网上的每个文件都有一个唯一的URL，它包含的信息指出文件的位置以及浏览器应该怎么处理它。

URL的一般语法格式为 :

 

 

 

 url 地址名称

 

 location 对象的属性

常用属性

 

重要 : location.href    location.search   location.hash

 

location 对象的方法

 

　　<button>点击</button>
    <script>
        var btn = document.querySelector('button');
        btn.addEventListener('click', function() {
            // 记录浏览历史，所以可以实现后退功能
            location.assign('http://www.itcast.cn');
            // 不记录浏览历史，所以不可以实现后退功能
            location.replace('http://www.itcast.cn');
            // 参数为 true 强制刷新
            location.reload(true);
        })
    </script>

 

附加 : navigator 对象

作用 : 判断这个页面是在 那个浏览器打开的

注 : 里面的 属性值 很多但是我们只需要知道  userAgent 这个方法就行

 

附加 : history 对象

 

 

作用 : 主要设置 前进和后退按钮

注 : 这个方法作为了解, 某些页面可能会用到, 开发不长用

代码示例 :  (这里有两个页面)

index1 (前进)

    <a href="list.html">点击我去往列表页</a>
    <button>前进</button>
    <script>
        var btn = document.querySelector('button');
        btn.addEventListener('click', function() {
            // history.forward();
            history.go(1);
        })
    </script>

index2 (后退)

<a href="index.html">点击我去往首页</a>
    <button>后退</button>
    <script>
        var btn = document.querySelector('button');
        btn.addEventListener('click', function() {
            // history.back();
            history.go(-1);
        })
    </script>

 

标签：对象,button,后退,URL,location,btn,history
来源： https://www.cnblogs.com/wqddmg/p/16140054.html