js如何获取url

在JavaScript开发中，获取URL是一项常见的需求。无论是从URL中提取参数用于动态展示页面内容，还是对当前页面的链接进行分析处理，掌握获取URL的方法都至关重要。

在浏览器环境下，最常用的获取当前页面URL的方式是使用window.location对象。window.location提供了许多属性来获取URL的不同部分。例如，window.location.href可以获取完整的URL，包括协议、域名、路径和参数等。假如当前页面的URL是https://www.example.com/index.html?param1=value1&param2=value2，那么window.location.href返回的就是这个完整的字符串。

如果只想获取URL的协议部分，可以使用window.location.protocol，它通常返回http:或https:等。而window.location.host则返回域名和端口号，如www.example.com:80（如果是默认端口，端口号可能不显示）。获取路径部分可以用window.location.pathname，在上述例子中返回/index.html。

对于URL中的参数，我们可以通过解析window.location.search来获取。window.location.search返回的是从问号开始的参数部分，即?param1=value1&param2=value2。我们可以编写函数来解析这些参数，将其转化为一个对象以便于使用。以下是一个简单的解析函数：

function getUrlParams() {
    const search = window.location.search.substring(1);
    const params = {};
    const pairs = search.split('&');
    for (let i = 0; i < pairs.length; i++) {
        const pair = pairs[i].split('=');
        params[pair[0]] = decodeURIComponent(pair[1]);
    }
    return params;
}

在Node.js环境中，获取URL的方式略有不同。如果是处理HTTP请求中的URL，在http模块中，request对象的url属性包含了客户端请求的URL路径和查询参数。例如：

const http = require('http');
const server = http.createServer((request, response) => {
    console.log(request.url);
    // 处理请求并返回响应
});
server.listen(3000, () => {
    console.log('Server running at port 3000');
});

无论是在浏览器端还是Node.js服务器端，JavaScript都提供了相应的方法来获取URL及其各个部分，开发者可以根据具体需求灵活运用这些方法来实现功能。