location对象
2019-12-30 本文已影响0人
混吃等死小前端
location：表示当前页面的URL信息
//一个完整的url
http://www.example.com:8080/path/index.html?a=1&b=2#TOP
location.protocol; // 'http'
location.host; // 'www.example.com'
location.port; // '8080'
location.pathname; // '/path/index.html'
location.search; // '?a=1&b=2'
location.hash; // 'TOP'
location.assign(url);//跳转到指定的url，可以点击后退返回上一个页面
location.replace(url) ;//加载 URL 指定的文档来替换当前文档，前后两个页面共用一个窗口，所以是没有后退返回上一页的
location.reload();//刷新当前文档。参数设置为 true，无论文档的最后修改日期是什么，它都会绕过缓存，从服务器上重新下载该文档
1、#：代表网页中的一个位置。锚部分
http://www.example.com/index.html#print
HTTP请求中不包括#：#是用来指导浏览器动作的，对服务器端完全无用。
改变#不触发网页重载：单单改变#后的部分，浏览器只会滚动到相应位置，不会重新加载网页。
改变#会改变浏览器的访问历史：会在浏览器的访问历史中增加一个记录，使用"后退"按钮，就可以回到上一个位置。这对于ajax应用程序特别有用，可以用不同的#值，表示不同的访问状态，然后向用户给出可以访问某个状态的链接
2、？：
http://www.xxx.com/Show.asp?id=77&nameid=2905210001&page=1
连接作用：通过？来带参数，连接域名和参数，经常会用到
清除缓存：两个url打开的页面一样，但是后面这个有问号，说明不调用缓存的内容，而认为是一个新地址，重新读取
http://www.xxxxx.com/index.html
http://www.xxxxx.com/index.html?test123123
3、&：不同参数的间隔符
http://www.xxx.com/Show.asp?id=77&nameid=2905210001&page=1
