一聚教程网:一个值得你收藏的教程网站

最新下载

热门教程

javascript Location 对象用法详解

时间:2012-10-06 编辑:简简单单 来源:一聚教程网

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

Location 对象属性

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

    语法:location.href = URL;

    实例:location.href = 'http://www.111com.net';

 

hash是一个可读可写的字符串,该字符串是 URL 的锚部分(从 # 号开始的部分)
    语法:location.hash = anchorName;
    实例:location.hash = 'myAnchor'; 跳转到这儿了 //页面跳转了
    可以利用这个属性和锚点在页面内实现跳转

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('http://www.111com.net');

reload()用于重新加载当前文档
    语法:location.reload();
   
replace()用一个新文档取代当前文档,replace() 方法不会在 History 对象中生成一个新的纪录,当使用该方法时,新的 URL 将覆盖 History 对象中的当前纪录
    语法:location.replace(newURL);
    实例:location.replace('http://www.111com.net');

 

热门栏目