获取url的方法

最新推荐文章于 2024-08-12 10:38:25 发布

cv酱

最新推荐文章于 2024-08-12 10:38:25 发布

阅读量3.8k

点赞数

文章标签： vue.js javascript

本文链接：https://blog.csdn.net/yinguser/article/details/123693608

版权

本文详细介绍了如何使用JavaScript的正则表达式从URL中提取参数，通过`getURLPara`函数展示如何获取指定名称的参数值，并提供了实际代码示例。重点讨论了前端开发中常见的URL参数处理技巧。

摘要由CSDN通过智能技术生成

//获取当前窗口的Url
var url = window.location.href;
//结果：http://localhost:61768/Home/Index?id=2&age=18

//获取当前窗口的主机名
var host = window.location.host;
//结果：localhost:61768

//获取当前窗口的端口
var port = window.location.port;
//结果：61768

//获取当前窗口的路径
var pathname = window.location.pathname;
//结果：/Home/Index

//获取当前文档的Url
var URL = document.URL;
//结果：http://localhost:61768/Home/Index?id=2&age=18

//获取参数
var search = window.location.search;
//结果：?id=2&age=18

2、正则表达式获取url

document.location.getURLPara = function (name) {
    var reg = new RegExp("[^\?&]?" + encodeURI(name) + "=[^&]+");
    var arr = this.search.match(reg);
    if (arr != null) {
        return decodeURI(arr[0].substring(arr[0].search("=") + 1));
    }
    return "";
}