A-A+

javascript Location 对象用法详解

2016年01月22日 web前端设计 暂无评论 阅读 8 views 次

javascript Location 对象用法详解有需要学习的朋友可参考一下。

Location 对象

Location 对象包含有关当前 URL 的信息,是 Window 对象的一个部分,可通过 window.location 属性来访问

Location 对象属性

href属性是一个可读可写的字符串,可设置或返回当前显示的文档的完整 URL,因此,我们可以通过为该属性设置新的 URL,使浏览器读取并显示新的 URL 的内容

语法:location.href = URL;

实例:location.href = 'https://www.xiariboke.com';

hash是一个可读可写的字符串,该字符串是 URL 的锚部分(从 # 号开始的部分)

语法:location.hash = anchorName;

实例:

  1. location.hash = 'myAnchor'; <a name="myAnchor">跳转到这儿了</a> //页面跳转了  

可以利用这个属性和锚点在页面内实现跳转

host返回当前 URL 的主机名称和端口号

语法:location.host;

实例:document.write(location.host); //url地址是:http://192.168.1.101/test/test.php 输出 192.168.1.101

hostname返回当前 URL 的主机名

语法:location.hostname;

实例:document.write(location.hostname); //url地址是:http://192.168.1.101/test/test.php 输出 192.168.1.101

pathname是一个可读可写的字符串,可设置或返回当前 URL 的路径部分

语法:location.pathname = path;

实例:document.write(location.pathname); //url地址是:http://192.168.1.101/test/test.php 输出 /test/test.php

location.pathname = 'test/test3.php'; //跳转到 test3.php页面

port是一个可读可写的字符串,可设置或返回当前 URL 的端口部分

语法:location.port = portnumber;

这个没有做实验,你可以实验一下,说说怎么回事!

protocol是一个可读可写的字符串,可设置或返回当前 URL 的协议

语法:location.protocol = path;

实例:document.write(location.protocol); //url地址是:http://192.168.1.101/test/test.php 输出 http:

search是一个可读可写的字符串,可设置或返回当前 URL 的查询部分(问号 ? 之后的部分)

语法:location.search = path_from_questionmark;

实例:document.write(location.search); //url地址是:http://192.168.1.101/test/test.php?key=test 输出 ?key=test

location.search = '?key=test'; //看url地址变成了:http://192.168.1.101/test/test.php?key=test

Location 对象方法

assign()加载一个新的文档

语法:location.assign(URL);

实例:location.assign('https://www.xiariboke.com');

reload()用于重新加载当前文档

语法:location.reload();

replace()用一个新文档取代当前文档,replace() 方法不会在 History 对象中生成一个新的纪录,当使用该方法时,新的 URL 将覆盖 History 对象中的当前纪录

语法:location.replace(newURL);

实例:location.replace('https://www.xiariboke.com');

标签:

给我留言