龙盟编程博客 | 无障碍搜索 | 云盘搜索神器
快速搜索
主页 > web编程 > Javascript编程 >

javascript Location 对象用法详解

时间:2012-12-29 08:41来源:未知 作者:admin 点击:
分享到:
javascript Location 对象用法详解有需要学习的朋友可参考一下。 Location 对象 Location 对象包含有关当前 URL 的信息,是 Window 对象的一个部分,可通过 window.location 属性来访问 Location 对象属性
javascript Location 对象用法详解有需要学习的朋友可参考一下。

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

Location 对象属性

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

    语法:location.href = URL;

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

 

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.111cn.net');

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

 


精彩图集

赞助商链接