js中如何理解location对象方法

location.[属性|方法]

console.log(location.hash);

console.log(location.host);

console.log(location.hostname);

console.log(location.href);

console.log(location.pathname);

console.log(location.port);

console.log(location.protocol);

console.log(location.search);

    <div></div>

<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>