window.location 对象包含的属性以及获取url参数的方法

window.location 对象包含的属性

hash : 从井号 (#) 开始的 URL(锚)
host : 主机名和当前 URL 的端口号
hostname : 当前 URL 的主机名
href : 完整的 URL
pathname : 当前 URL 的路径部分
port : 当前 URL 的端口号
protocol : 当前 URL 的协议
search : 从问号 (?) 开始的 URL(查询部分)

js的路径跳转功能:

1.使用window.location.href=“跳转路径”
2.self.location.href 与window作用相同,
但是window是整个页面,self,是一个页面中,嵌套了多个html页面
3.在新窗口打开页面 window.open("")
4.返回顶层父级窗口 self.location=""
5.返回上页 window.history.back(-1);

//获取url参数的方法
<script>
    function getQueryVariable(variable) {
      
        var query = window.location.search.substring(1);
        var vars = query.split("&");
        for (var i = 0; i < vars.length; i++) {
      
            var pair = vars[i].split("=");
            if (pair[0] == variable) {
      
                return pair[1];
            }
        }
        return (false);
    }

    // www.baidu.com/index?id1=1&id2=2&id3=3;


    var id1 = getQueryVariable('id1'); // 1

    var id2 = getQueryVariable('id2');// 2

    var id3 = getQueryVariable('id3');// 3
script>

你可能感兴趣的:(javascript,js)