温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

location 学习与总结

发布时间:2020-07-06 04:46:20 来源:网络 阅读:487 作者:蜗牛oscersong 栏目:web开发

2.location 对象:它既是window的对像,也是document 的对象,location包含8个属性,其中7个都是当前窗体的URL的一部分,剩下的最重要的是href属性,代表当前窗体的URLlocation.href会重新定位到一个URL,而修改location.hash会跳到当前页面中的anchor(<a id=name>或者<div id=id>)名字的标记,而且页面不会被重新加载。

Location对象属性图如1

location 学习与总结 

location.hash则可以用来获取或设置页面的标签值。上面的location.hash="#hash",它的实际作用也很大,(比如:多人都喜欢收藏网页,以便于以后的浏览。不过对于Ajax页面来说的话,一般用一个页面来处理所有的事务,也就是说,如果你浏览到一个Ajax页面里边有意思的内容,想将它收藏起来,可是地址只有一个呀,下次你打开这个地址,还是得像以往一样不断地去点击网页,找到你钟情的那个页面。另外的话,浏览器上的“前进”“后退”按钮也会失效,这于很多习惯了传统页面的用户来说,是一个很大的使用障碍,通过window.location.hash=hash这个语句来调整地址栏的地址,使得浏览器里边的“前进”、“后退”按钮能正常使用(实质上欺骗了浏览器)。然后再根据hash值的不同来显示不同的面板(用户可以收藏对应的面板了),这就使得Ajax页面的浏览趋于传统化了。原文链接:http://www.cnblogs.com/china-aspx/archive/2008/04/20/1162597.html)。

而其他属性的意义如下:

· JavaScript host 属性 -- 返回域名

· JavaScript hostname 属性 -- 返回主域名

· JavaScript href 属性 -- 返回当前文档的完整URL或设置当前文档的URL

· JavaScript pathname 属性 -- 返回URL中域名后的部分

· JavaScript port 属性 -- 返回URL中的端口

· JavaScript protocol 属性 -- 返回URL中的协议

· JavaScript search 属性 -- 返回URL中的查询字符串

· JavaScript assign() 函数 -- 设置当前文档的URL

· JavaScript replace() 函数 -- 设置当前文档的URL,并在history对象的地址列表中删除这个URL

· JavaScript reload() 函数 -- 重新载入当前文档(server服务器)

· JavaScript toString() 函数 -- 返回location对象href属性当前的值

     举个例子: http://yjsxt.xidian.edu.cn/student/index.jsp具体说明location属性的简单应用

location 学习与总结


向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI