JS基本语法-JavaScript中的常用对象5-location对象，提供窗口URL信息

原创

已于 2022-01-20 16:45:19 修改 · 1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端 #js location #location对象 #url跳转

于 2022-01-17 08:30:00 首次发布

1. 简介：

location，翻译成中文意为“地方; 地点; 位置”。在javascript中，location对象，指的是地址对象，而不是位置对象。location对象用于访问某一个窗口对象所打开的“地址信息”，这里的“地址信息”即URL信息，Uniform Resource Location（统一资源定位符）。location对象也是window对象的一个属性。可以利用location对象从尽兴网页的跳转。

2. location对象举例：

例子1:网页的跳转:跳转到百度首页

程序代码：

location.js:

function gotoUrl(url){
  console.log(url);
  location.href = url;
}

location.html:

<!DOCTYPE html>
<html>
<body>
	<script src="./location.js"></script>

<h1>location对象测试：</h1>
<button type="button" onclick='gotoUrl("http://www.baidu.com")'>Next</button>

</body>
</html>

运行结果：

打开网页，点击“Next”，就调转到百度首页了。再点击浏览器的“后退”键就回到刚才自己定义的页面了。