Location、history对象方法

Location(window)对象

1、href属性

获取整个URL地址

2、search属性

获取地址栏中的参数(?之后以及包括?)

 

例:我们在一个页面上利用表单的get方式发送数据到另一个页面上

<body>
    <form action="index.html">
        用户名: <input type="text" name="uname">
        <input type="submit" value="登录">
    </form>
</body>

在另一个页面上通过location.search获取参数,再利用数组方法取出数据

<script>
        console.log(location.search); // ?uname=andy
        // 1.先去掉?  substr('起始的位置',截取几个字符);
        var params = location.search.substr(1); // uname=andy
        console.log(params);
        // 2. 利用=把字符串分割为数组 split('=');
        var arr = params.split('=');
        console.log(arr); // ["uname", "ANDY"]
        var div = document.querySelector('div');
        // 3.把数据写入div中
        div.innerHTML = arr[1] + '欢迎您';
</script>

3、assign()方法

跳转页面,也叫重定向,可以后退(记录历史)

4、replace()方法

替换页面,不记录历史,不后退

5、reload()方法

重新加载,如果为true,则强制刷新

 

history对象方法