JavaScript Location对象有哪些属性和方法

本篇内容主要讲解“JavaScript Location对象有哪些属性和方法”，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习“JavaScript Location对象有哪些属性和方法”吧!

　　window.location 对象在编写代码时可不使用 window 这个前缀。

　　location对象的属性和方法

　　属性 方法

　　hash 返回URL中#符号后面的内容

　　host 返回当前的域名

　　hostname 返回主域名

　　href 返回当前文档的完整URL或设置当前文档的URL

　　pathname 返回当前页面的路径和文件名，即URL中域名后的部分

　　port 返回URL中的端口

　　protocol 返回URL中的协议(http:// 或 https://)

　　search 返回URL中的查询字符串，即 ? 符号后面的参数

　　assign() 设置当前文档的URL

　　replace() 设置当前文档的URL，并在history对象的地址列表中删除这个URL

　　reload() 重新载入当前文档(从server服务器端)

　　注意：主域名是指不带www的域名，例如itxueyuan.org，主域名前面带前缀的通常都为二级域名或多级域名，例如www.itxueyuan.org其实是二级域名。

　　请看下面一段代码：

　　div id="demo1">点击这里获取URL信息/div>

　　div id="demo2">跳转到IT学院首页/div>

　　script type="text/javascript">

　　document.getElementById("demo1").onclick=function(){

　　alert(

　　"当前URL信息：\n"+

　　"URL："+location.href+"\n"+

　　"域名："+location.host+"\n"+

　　"主域名："+location.hostname+"\n"+

　　"路径："+location.pathname+"\n"+

　　"协议："+location.protocol

　　);

　　}

　　document.getElementById("demo2").onclick=function(){

　　location.href="http://www.itxueyuan.org";

　　}

　　/script>

　　JavaScript Window 对象变量有哪些方法

　　不过，一般情况下我们的代码中省略了window对象，浏览器默认会作为window对象的成员来调用。

　　例如，调用一个全局变量 myName 的完整写法是：

　　window.myName;

　　但是我们完全可以这样写：

　　myName;

　　三种定义全局变量的方法：

　　在函数外部使用 var 声明变量，例如：

　　var myName=" xiaoming ";

　　在任意地方直接声明变量(不使用 var )，例如：

　　myName=" xiaoming ";

　　将变量作为window对象的属性，例如：

　　window.myName=" xiaoming ";

　　在DOM操作中，我们经常使用的document也是window对象的属性，下面两种获取节点的方式是一样的：

　　window.document.getElementById("demo");

　　document.getElementById("demo");

到此，相信大家对“JavaScript Location对象有哪些属性和方法”有了更深的了解，不妨来实际操作一番吧！这里是亿速云网站，更多相关内容可以进入相关频道进行查询，关注我们，继续学习！