js location对象常用属性,方法 (跳转,刷新,获取端口号,获取主机,参数,路径等)

最新推荐文章于 2024-07-02 15:46:31 发布
最新推荐文章于 2024-07-02 15:46:31 发布
阅读量819 收藏
点赞数
分类专栏： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_44378358/article/details/107870457
版权
location对象属性返回值
location.href获取整个url
location.host获取主机(域名)
location.port返回端口号
location.pathname返回路径
location.search返回参数
location.hash返回片段 #后面内容 常用于链接 锚点
location对象方法功能
location.assign跟href一样,可以跳转页面
location.replace替换当前页面,因为不记录历史,所以不能后退页面
location.reload()重新加载页面,相当于刷新按钮或者f5,如果参数位true,强制刷新ctrlf5

在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!--<button>点击</button>-->
<div></div>
<script>
    var btn=document.querySelector('button');
    var div=document.querySelector('div');
    /*btn.addEventListener('click',function () {
        // location.assign('http://www.baidu.com');
        location.href='http://baidu.com';
    })*/
    var time=5;
    setInterval(function () {
        div.innerHTML='您将在'+time+'s后跳转';
        time--;
        if(!time){
            location.href='http://baidu.com';
        }
    },1000)
</script>
</body>
</html>
黄大仙No.1
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
js location属性的用法
你如今的气质里，藏着你走过的路，经历过的事，读过的书，和爱过的人。
08-03 480
location属性一般引用自Location对象，可以用于获取或者设置当前的URL。 window.location === document.location; //true 均引用自Location对象； URL的一般组成包括： eg: protocol://[user[:password]@]hostname:[port][/path][?query][#fragment] 获取U...
JavaScript获取URL中参数querystring的方法详解
11-23
本文将详细介绍两种在JavaScript中获取URL参数的方法，并探讨`Location`对象的属性和方法。 ### 1. 获取URL参数的方法 #### 1.1 正则匹配法 ```javascript function getQueryString(name) { var reg = new ...
JavaScript 的基本语法
weixin_30839881的博客
10-29 234
说明：此类博客来自以下链接，对原内容做了标注重点知识，此处仅供自己学习参考！ 来源：https://wangdoc.com/javascript/basic/introduction.html 1. 语句 JavaScript 程序的执行单位为行（line），也就是一行一行地执行。一般情况下，每一行就是一个语句。 语句（statement）是为了完成某种任务而进行的操作，比如下面就是一行赋...
JavaScript location对象（href属性、reload()方法）
weixin_46990454的博客
12-15 1864
location对象用于管理当前打开窗口的URL信息，相当于浏览器的地址栏。 1.href属性 返回或设置当前页面的URL。 //语法： //location.href <body> <script type="text/javascrip"> document.write(location.href); </script> </body> 2.reload()方法 相当于浏览器的重新加载。 //语法： //location.reload(); &l
js获取当前浏览器地址，ip，端口号等等
最新发布
weixin_44727080的博客
07-02 1279
js获取当前浏览器地址，ip，端口号等等。
js：History&location对象的back、go、reload方法&href属性
欢迎来到长风沛雨的博客
02-09 1695
写案例的时候碰巧用到了，把用到的两个对象方法记一下。
Location 对象，URL 对象，URLSearchParams 对象
web前端开发
04-07 811
作者 | 阮一峰URL 是互联网的基础设施之一。浏览器提供了一些原生对象，用来管理 URL。1、Location 对象Location对象是浏览器提供的原生对象，提供 URL 相关的信...
javascript中location对象的属性与方法
a836996156的博客
01-03 1919
本章介绍js中的location中的属性和方法。在JavaScript中，location是一个包含当前页面的URL信息的对象。它允许你获取和操作当前页面的URL，比如获取当前页面的URL，获取URL中的特定部分（比如主机名、路径、查询参数等），以及在不刷新页面的情况下改变页面的URL。location对象提供了各种方法和属性来帮助你操作URL。以下是一些location：获取或设置完整的URL。：获取或设置主机名和端口号。：获取或设置主机名。
JavaScript入门教程(8) Location地址对象
10-30
在JavaScript中，对Location对象的操作可以实现页面的跳转、刷新以及获取URL的各个组成部分等功能。 首先，Location对象包含了关于当前URL的详细信息，可以通过它的不同属性来获取URL的不同部分。例如，protocol...
JavaScript中的Location地址对象
10-30
- 示例：结合`hostname`和`port`属性，`location.host`返回主机名和端口号组成的字符串。 - **`pathname`**：返回路径名，不包括查询字符串和哈希标识符。 - 示例：对于地址`http://www.a.com/b/c.html`，`...
JS location几个方法小姐
12-09
JavaScript中的`location`...同时，`location`对象还包含其他一些属性和方法，例如`reload()`用于刷新页面，`assign()`用于跳转到新的URL，`replace()`用于替换当前历史记录条目，这些都是在实际开发中经常用到的功能。
js 页面刷新location.reload和location.replace的区别小结
10-29
标题中提到的“js页面刷新location.reload和location.replace的区别小结”，涉及的是JavaScript中页面刷新操作的两种不同方法：location.reload和location.replace。这两种方法都可以实现页面的刷新功能，但具体的...
JS之location对象详解
热爱前端的大三在校生
09-26 7760
location指示了其所连接对象的url位置。和对象中都有location属性，可以通过window.location和document.location访问。如果想要获得当前文档的完整url字符串，有四种方式以上方式均可以获得“”这样的字符串location在控制台输出结果为：（Chrome浏览器）
js刷新页面方法大全
zy408710468的专栏
05-07 2030
1，reload 方法，该方法强迫浏览器刷新当前页面。 语法：location.reload([bForceGet])    参数： bForceGet， 可选参数， 默认为 false，从客户端缓存里取当前页。true, 则以 GET 方式，从服务端取最新的页面, 相当于客户端点击 F5("刷新") 2，replace 方法，该方法通过指定URL替换当前缓存在历史里（客户端）的项目，因
点击加载html页面刷新,JavaScript location.reload() 方法：重新加载当前文档（刷新页面）...
weixin_35987371的博客
06-03 2196
JavaScript location.reload() 方法Location 对象的 reload() 方法用于重新加载当前文档(页面)，语法如下：location.reload( false|true )说明如果该方法参数为 false 或者省略参数，它就会用 HTTP 头 If-Modified-Since 来检测服务器上的文档是否已改变。如果文档已改变，location.reload() ...
location常用属性和方法
Jin_Xiang123的博客
12-31 1808
在JavaScript中，location是一个对象，代表了当前窗口的URL信息。它包含了许多属性，可以用来获取和操作URL的各个部分，比如协议、主机名、路径、查询参数等。location：获取或设置当前URL。：获取当前协议，比如http、https等。：获取当前主机名和端口号。：获取当前路径。：获取当前查询参数。：获取当前页面锚点。通过这些属性和方法，我们可以方便地对URL进行解析和操作，比如获取查询参数、重定向页面等。下面是一个使用location属性/方法描述。
location 获取参数和锚_js通过location.search来获取页面传来的参数
weixin_42502811的博客
12-24 869
js通过location.search来获取页面传来的参数这篇文章主要介绍了通过window.location.search来获取页面传来的参数，经测试是OK的function GetQueryString(name) {var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)","i");var r = window.loc...
JS location属性 方法详解
qq_52340302的博客
12-30 1600
文章目录URL组成location对象属性location对象方法 URL组成 先提一下URL的各部分组成：协议部分、域名部分、端口部分、虚拟目录部分、文件名部分、参数部分、锚部分 例如一个URL： http://www.aspxfans.com:8080/news/index.asp?boardID=5&ID=24618&page=1#r_70732423 协议部分：协议部分为“http：”，这代表网页使用的是HTTP协议。在”HTTP”后面的“//”为分隔符 域名部分：该URL
JavaScript location对象用法详解
wy818的专栏
06-08 6556
BOM（浏览器对象模型）中最有用的对象之一就是location，它是window对象和document对象的属性。location对象表示载入窗口的URL，此外，它还可以解析URL：hash：如果URL中包含有“#”，该方法将返回该符号之后的内容（例如：http://www.sunchis.com/index.html#welcome的hash是“#welcome”）。host：服务器
location对象常用的属性和方法
06-12
location 对象是浏览器内置的一个对象，它用于获取和设置当前页面的 URL 信息，并提供了一些常用的属性和方法，以下是一些常用的属性和方法： 属性： - location.href：获取或设置页面的完整 URL。 - location....
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值