1.location
//地址栏上#及后面的内容 console.log(window.location.hash); //主机名及端口号 console.log(window.location.host); //主机名 console.log(window.location.hostname); //文件的路径---相对路径 console.log(window.location.pathname); //端口号 console.log(window.location.port); //协议 console.log(window.location.protocol); //搜索的内容 console.log(window.location.search); //设置跳转的页面的地址 location.href = "//www.jb51.net";//属性----------------->必须记住 location.assign("//www.jb51.net");//方法 //重新加载--刷新 location.reload(); //没有历史记录 location.replace("//www.jb51.net");
2.history
<body> <input type="button" value="跳过去" id="btn1"/> <input type="button" value="前进" id="btn2"/> <script> //跳转的 document.getElementById("btn1").onclick = function () { window.location.href = "http://www.baidu.com"; }; //前进 document.getElementById("btn2").onclick = function () { window.history.forward(); }; </script> </body>
历史记录的后退和前进 history: back()后退 forward()前进
3.navigator
<script> //通过userAgent可以判断用户浏览器的类型 console.log(window.navigator.userAgent); //通过platform可以判断浏览器所在的系统平台类型. console.log(window.navigator.platform); </script>