javascript Location对象

获得域名 路径 文件名 端口 协议 跳转。

<button id="btn">btn</button>    <p id="p1"></p>    <script>        var btn = document.getElementById("btn");        var p1 = document.getElementById("p1");        btn.addEventListener("click", function getLoc(){            var  hostname = window.location.hostname;/*域名*/            var pathName = window.location.pathname;/*返回路径和文件名*/            var port = window.location.port;/*端口*/            var protockl = window.location.protocol;/*协议*/            var href=window.location.href;            p1.innerHTML = protockl+hostname+":"+port + pathName;//            location.assign("http://www.baidu.com");//跳转            location.href = "http://www.baidu.com";//跳转2            location.replace('http://www.baidu.com')//跳转3，前两种方法如果点击返回那么会出现之前的页面。而第三种方法点击返回不会回到之前的页面，他会清空浏览记录        },false);    </script>