使用JavaScript获取当前页面的来路URL方法

ChatGPT4o 使用 ChatGPT 4o 回答

问题:

jq获取当前页面的来路url

回答:

在JavaScript中,你可以使用document.referrer来获取当前页面的来路URL(即用户从哪个页面跳转到当前页面)。document.referrer是一个只读属性,返回一个字符串,表示当前文档的来源URL。如果没有来源页面(例如用户直接输入URL访问),则返回一个空字符串。

以下是一个简单的示例,展示如何使用document.referrer获取来路URL并在控制台中打印出来:

// 获取来路URL
var referrer = document.referrer;

// 打印来路URL到控制台
console.log("来路URL: " + referrer);

如果你想在页面上显示这个来路URL,可以将其插入到页面的某个元素中,例如一个<div><p>标签:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>获取来路URL示例</title>
</head>
<body>
    <p id="referrer-url">来路URL: </p>

    <script>
        // 获取来路URL
        var referrer = document.referrer;

        // 将来路URL显示在页面上
        document.getElementById("referrer-url").textContent += referrer;
    </script>
</body>
</html>

在这个示例中,页面加载时会自动获取来路URL并将其显示在页面上的<p>标签中。

请注意,document.referrer只能获取同源(即相同协议、域名和端口)的来路URL。如果来路URL是跨域的,某些浏览器可能会返回空字符串以保护用户隐