js获取当前页面url信息

最新推荐文章于 2025-09-30 08:49:56 发布
原创 最新推荐文章于 2025-09-30 08:49:56 发布 · 599 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#JavaScript #ViewUI

本文详细介绍了JavaScript中window.location对象的各种属性，包括pathname、href、port、protocol、hash、host及search等，这些属性用于获取和设置URL的不同部分。
设置或获取对象指定的文件名或路径。
alert(window.location.pathname);


设置或获取整个 URL 为字符串。
alert(window.location.href);


设置或获取与 URL 关联的端口号码。
alert(window.location.port);


设置或获取 URL 的协议部分。
alert(window.location.protocol);


设置或获取 href 属性中在井号“#”后面的分段。
alert(window.location.hash);


设置或获取 location 或 URL 的 hostname 和 port 号码。
alert(window.location.host);


设置或获取 href 属性中跟在问号后面的部分。
alert(window.location.search);
JavaScript获得当前网页来源页面（即上一页）的方法
12-08
本文实例讲述了JavaScript获得当前网页来源页面（即上一页）的方法。分享给大家供大家参考。具体如下： 下面的JS代码通过document.referrer获得来源页面地址 <!DOCTYPE html> <html> <body> The referrer of this document is: [removed] [removed](document.referrer); [removed] </body> </html> 希望本文所述对大家的javascript程序设计有所帮助。
getUrlParam.js
07-31
主要用于两个html界面传值，通过getUrlParam可以获取参数，详见https://blog.youkuaiyun.com/krismile__qh/article/details/97929498
JS 获取当前页面 URL
likuoelie的博客
09-30 1518
JavaScript 获取当前页面 URL 的方法总结： window.location.href：获取完整 URL（含协议、路径、参数等）； location 属性分解：如 hostname（域名）、pathname（路径）、search（参数）、hash（锚点）； document.URL：等效于 location.href，但只读； URL 对象解析：结构化处理查询参数（需现代浏览器支持）； jQuery 扩展：结合 DOM 操作获取链接。 注意事项：注意浏览器兼容性（如 IE 对 URL 对象支持有
JS获得当前页面详细地址与刷新
acoolboy1984的专栏
10-21 3669
JS获得当前页面详细地址与刷新设置或获取对象指定的文件名或路径。alert(window.location.pathname)设置或获取整个 URL 为字符串。alert(window.location.href);设置或获取与 URL 关联的端口号码。alert(window.location.port)设置或获取 URL 的协议部分。alert(window.locatio
js获取当前位置
小龚的博客
03-09 3946
搜狐api <script src="http://pv.sohu.com/cityjson?ie=utf-8"></script> <script type="text/javascript"> console.log(returnCitySN) </script> 百度api获取 <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&.
js如何准确获取当前页面url网址信息
10-22
在JavaScript中，获取当前页面URL的信息是Web开发中常见的任务，尤其在处理用户交互和页面动态更新时。本文将详细讲解几种不同的方法来获取URL的各个组成部分，以及如何提取URL中的参数。 首先，我们可以利用`...
js获取当前页面的url网址信息
12-09
1、设置或获取整个 URL 为字符串： [removed].href 2、设置或获取与 URL 关联的端口号码： [removed].port 3、设置或获取 URL 的协议部分 [removed].protocol 4、设置或获取 href 属性中跟在问号后面的部分 [removed...
JS 获取当前页面 URL.docx
01-31
### 如何使用JavaScript获取当前页面URL 在Web开发过程中，获取当前页面的URL是一项非常常见的需求。例如，在处理用户导航、记录访问日志或者构建动态链接时，常常需要用到这一功能。JavaScript提供了内置对象`...
Js获取Url地址参数的几种方法
threedeformity的博客
04-10 1279
原文链接：https://blog.youkuaiyun.com/hu104160112/article/details/111355343。URLSearchParams()函数。以 / 连接的地址获取末尾。
原生JS实现$.param() 函数的方法
10-18
主要介绍了原生JS实现$.param() 函数的方法，由于遇到相关序列化的问题，但是vue项目中由于减少队jquery引用的限制，导致不能用$.param来序列化参数，下面小编给大家分享了实例代码，需要的朋友参考下吧
jquery_params.js获取页面路径后参数....
02-05
[removed][removed] [removed][removed] account.jsp?name="+name+"&sex;="+sex; var name = $.query.get("name"); var sex = $.query.get("sex");
【javascript】js获取url参数
我的开源项目:https://gitee.com/derekgo/vue-cms_xg
01-20 522
/** * 获取url指定参数 * @param url 被查找的url * @param variable url里查找的参数 * @returns {boolean|*} */ function getQueryVariable(url,variable){ let vars = url.split("&"); for (let i=0;i<vars.length;i++) { let pair = vars[i].split("="); if
获取url中的参数
DeyuanYangjia1314的专栏
03-28 897
//获取url中的参数 function getUrlParam(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象 var r = window.location.search.substr(1).match(reg); //匹配目标参数
JavaScript 获取URL参数
KingCruel的专栏
06-06 352
function getUrlParam(name) { var reg = new RegExp("(^|&amp;)" + name + "=([^&amp;]*)(&amp;|$)"); // 构造一个含有目标参数的正则表达式对象 var r = window.location.search.substr(1).match(reg); // 匹配目标参数 i...
js获取浏览器信息和页面信息
caicongyang
01-06 3268
js获取浏览器信息和页面信息
js获取url参数方法
dsj_0516的博客
08-02 161
获取url 参数 @Description: 方法说明 获取url 参数 如果不传或者是all 这返回所有 @method 方法名 getQueryVariable @param {参数类型} 参数名 参数说明 @return {返回值类型} 返回值说明 */ export function getQueryStringData(name = ‘all’) { const queryString = window.location.search.substring(1); if (queryString
JS获取URL参数的4种方法总结
热门推荐
轻风细雨_林木木
11-15 2万+
JS获取URL参数的4种方法总结
js 获取当前页面的url
最新发布
11-13
<think> 我们之前讨论的是`history.replaceState()`方法，但现在用户询问的是如何获取当前页面的URL。 根据用户当前的问题：“我想查找使用JavaScript获取当前页面URL的方法”，我们需要提供获取当前URL的几种常用方式。 注意：用户可能是在浏览器环境中，所以我们可以使用`window.location`对象。 常见的获取当前页面URL的方法： 1. `window.location.href`：返回完整的URL（字符串） 2. `window.location.toString()`：同样返回完整的URL 3. `document.URL`：返回文档的URL（只读） 另外，我们还可以获取URL的各个组成部分，例如： - 协议：`window.location.protocol` - 主机：`window.location.host` - 路径：`window.location.pathname` - 查询参数：`window.location.search` - 哈希：`window.location.hash` 但是用户的问题明确是获取整个URL，所以重点放在完整URL上。 另外，注意：在浏览器中，以上属性都是可用的。在非浏览器环境（如Node.js）中，这些属性不存在。 因此，我们可以这样回答： </think> ### JavaScript 获取当前页面 URL 的方法 在 JavaScript 中，获取当前页面 URL 主要通过 `window.location` 对象实现，以下是常用的方法和属性： #### 1. 获取完整 URL（字符串形式） ```javascript const currentURL = window.location.href; console.log(currentURL); // 输出: "https://example.com/path?query=1#section" ``` - `location.href` 返回完整的 URL 字符串[^1] - 最常用方法，适用于需要完整 URL 的场景 #### 2. 获取 URL 各组成部分 ```javascript // URL 结构: https://example.com:8080/path?query=1#section console.log(window.location.protocol); // "https:" console.log(window.location.host); // "example.com:8080" console.log(window.location.hostname); // "example.com"（不含端口） console.log(window.location.port); // "8080" console.log(window.location.pathname); // "/path" console.log(window.location.search); // "?query=1" console.log(window.location.hash); // "#section" console.log(window.location.origin); // "https://example.com:8080"（协议+主机+端口） ``` #### 3. 其他获取方式 ```javascript // 等效于 location.href const url = window.location.toString(); // 通过 document 对象获取（只读） const docURL = document.URL; ``` #### 特殊场景处理 1. **获取无哈希/参数的纯净 URL** ```javascript const cleanURL = location.origin + location.pathname; ``` 2. **解析查询参数** ```javascript const params = new URLSearchParams(location.search); console.log(params.get("query")); // 输出 "1" ``` 3. **动态 URL 更新监听** ```javascript window.addEventListener("popstate", () => { console.log("URL变化:", location.href); }); ``` #### 注意事项 - 所有属性均为**只读**（修改需用 `history.pushState()` 或 `location.assign()`） - 在 Web Workers 中不可用（需通过 `postMessage` 传递） - 本地文件协议（`file://`）中 `location.origin` 返回 `"null"`[^2] ---
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值