window.location相关属性

常用属性

例如这个网址:
http://udn.yyuap.com/forum.php?mod=viewthread&tid=37079

window.location.href; //完整的url

本栗返回:

"http://udn.yyuap.com/forum.php?mod=viewthread&tid=37079"

window.location.protocol; //协议 (http / https)

本栗返回:"http:"

window.location.hostname; //主机名

本栗返回:"udn.yyuap.com"

window.location.host; //主机名+端口号

返回:"udn.yyuap.com"

window.location.port; // 包含URL中可能存在的端口号字符串

window.location.pathname; //当前URL的路径部分

返回: "/forum.php"

window.location.search; //路径的查询部分(hash "#"号(CGI参数)之后的字符串)

返回: "?mod=viewthread&tid=37079"

window.location.hash; //开始的锚点 (“#”之后的字符串)

window.location.replace //替换当前页面
href相当于打开一个新页面,replace相当于替换当前页面
这里打开页面都是针对历史记录来说,在页面上看完全相同,只是浏览器的history表现不同
如果在1.html中点击链接到2.html,然后2.html中使用href跳转到3.html,这时(页面是3.html)按浏览器后退按钮将返回2.html(从2.html进来的)
但如果上面在2.html中调用replace进入3.html,再点击后退按钮的时候,会退回到1.html(相当于replace方法将2.html的历史访问记录替换为3.html,所以访问轨迹就成了1.html→3.html)

你可能感兴趣的:(window.location相关属性)