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>