原生javascript获取URL的各个部位的字段

Location 对象
Location 对象包含有关当前 URL 的信息。

Location 对象是 Window 对象的一个部分,可通过 window.location 属性来访问。

属性
location.href
当前文档的完整url,如果被改变,文档将会导航到另一个新的页面,

location.protocol
当前url所使用的协议,包括结尾的":"

location.host
获取当前的主机信息,包括主机名,":"和端口号

location.hostname
获取当前url的主机名

location.port
返回url的端口信息。没有写端口信息的url,实际端口为与协议相关的端口号

location.pathname
返回url的路径字符串

location.search
又名查询字符串,返回url中?以及之后的字符串

location.hash
返回url中代表页面某个区域的带有#的字符串

location.origin
返回url中完整的协议和主机地址部分,包括端口

方法
Location.assign()
该方法使浏览器加载并展示URL所指定的文档

Location.reload()
该方法用于重新加载当前页面,可以接受一个Boolean类型的参数,参数为true,强制从服务器重新获取,为false时从缓存中读取。默认值为false

Location.replace()
提供一个URL,使页面跳转到相应的URL,与location.assign()的区别是,location.replace()跳转后的页面不会保存在浏览器历史中,即无法通过返回按钮返回到该页面。

Location.toString()
获取当前页面的完整URL,相当于location.href

内容版权声明:除非注明,否则皆为本站原创文章。

评论