一篇文章带你了解JavaScriptwindowlocation

一、前言

任何在全局作用域中声明的变量和函数都会变成window对象的属性和方法。

虽然全局变量也是window对象的属性，但是与直接在window上定义的属性也是有点不同。全局变量不能通过delete操作符删除，而直接在window上定义的属性则可以。另外，直接访问未声明的变量会抛出错误，而通过window对象访问则不会，只是返回undefined。

window.location 对象可用于获取当前页地址(URL)，并将浏览器重定向到新页。

二、Location 属性

对象可以不用窗口window前缀编写。

window.location和document.location互相等价的，可以交换使用。

location的8个属性都是可读写的，但是只有href与hash的写才有意义。例如改变location.href会重新定位到一个URL，而修改location.hash会跳到当前页面中的anchor(或者

等)名字的标记(如果有)，而且页面不会被重新加载。

1. Window Location Href

window.location.href 属性返回当前页的URL。

例：

显示当前页的URL

显示当前页的URL

2. Window Location Hostname

window.location.hostname 属性返回Internet主机(当前页)的名称。

例：

显示当前页的URL的hostname.

显示当前页的URL的hostname.

3. Window Location Pathname

window.location.pathname 属性返回当前页面的路径。

例：

显示当前URL的路径名称.

显示当前URL的路径名称.

4. Window Location Protocol

window.location.protocol 属性返回网页的web协议。

例：

显示当前URL的协议部分.

显示当前URL的协议部分.

5. Window Location Assign

window.location.assign() 方法加载新文档。

例：

这里通过location.assign()方法，点击按钮打开百度首页。

三、总结

本文基于JavaScript基础，讲解了有关Window Location 的属性，对其中一些常见的属性 Href ,Hostname ,Protoco和web协议。对需要注意的点，难点，提供了一些方法解决这些问题。

希望大家可以根据文章的内容，积极尝试，有时候看到别人实现起来很简单，但是到自己动手实现的时候，总会有各种各样的问题，切勿眼高手低，勤动手，才可以理解的更加深刻。

使用JavaScript 语言，方便大家更好理解，希望对大家的学习有帮助。

分享文章：一篇文章带你了解JavaScriptwindowlocation
转载注明：http://www.shufengxianlan.com/qtweb/news46/348546.html

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联