当前位置:编程学习 > JS >>

javascript Location 对象用法详解

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

Location 对象属性

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

    语法:location.href = URL;

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

 

hash是一个可读可写的字符串,该字符串是 URL 的锚部分(从 # 号开始的部分)
    语法:location.hash = anchorName;
    实例: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('http://www.zzzyk.com');

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

 

补充:网页制作,js教程 
CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,