javascript Location 对象介绍

本文详细介绍了JavaScript中的Location对象及其属性和方法,包括href、hash、host等属性和assign、reload、replace等方法的使用方法。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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

Location 对象属性

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

    语法:location.href = URL;

    实例:location.href = 'http://justflyhigh.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://justflyhigh.com'); 

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值