如何用JavaScript检测并重定向非指定来源的访问者到特定页面？

要实现这个功能，我们可以使用JavaScript的window.location对象来获取当前网址和进行页面跳转，我们需要定义一个指定的来源URL，然后检查当前页面的来源是否与该指定来源匹配，如果不匹配，我们将使用window.location.href属性将用户重定向到另一个指定的页面。

以下是一个简单的示例代码：

// 定义指定的来源URL
const specifiedReferrer = 'https://www.example.com';
// 定义重定向的目标页面URL
const redirectToPage = 'https://www.redirectedpage.com';
// 获取当前页面的来源URL
const currentReferrer = document.referrer;
// 判断当前来源是否与指定来源匹配
if (currentReferrer !== specifiedReferrer) {
    // 如果不匹配，则重定向到目标页面
    window.location.href = redirectToPage;
}

这段代码首先定义了两个变量：specifiedReferrer（指定的来源URL）和redirectToPage（重定向的目标页面URL），它使用document.referrer属性获取当前页面的来源URL，并将其存储在currentReferrer变量中，代码通过比较currentReferrer和specifiedReferrer来判断当前来源是否与指定来源匹配，如果不匹配，它将使用window.location.href属性将用户重定向到redirectToPage指定的页面。

由于浏览器的安全策略，某些情况下可能无法访问document.referrer属性，例如在同源策略限制下或在某些隐私模式下，在这种情况下，您可能需要寻找其他方法来确定页面的来源，例如使用服务器端脚本或第三方库。

现在让我们回答两个与本文相关的问题：

问题1：如何修改上述代码以支持多个指定来源？

答案1：如果您希望支持多个指定来源，可以将specifiedReferrer变量更改为一个数组，并在检查时使用数组的includes()方法，以下是修改后的代码示例：

// 定义多个指定的来源URL
const specifiedReferrers = ['https://www.example1.com', 'https://www.example2.com'];
// 定义重定向的目标页面URL
const redirectToPage = 'https://www.redirectedpage.com';
// 获取当前页面的来源URL
const currentReferrer = document.referrer;
// 判断当前来源是否与指定来源之一匹配
if (!specifiedReferrers.includes(currentReferrer)) {
    // 如果不匹配，则重定向到目标页面
    window.location.href = redirectToPage;
}

问题2：如何在不支持document.referrer的情况下获取页面的来源？

答案2：如果浏览器不支持document.referrer属性，您可以尝试以下替代方案：

1、使用服务器端脚本：您可以在服务器端记录每个请求的来源URL，然后在客户端通过查询参数或其他方式将其传递给JavaScript代码，这样，您可以在客户端代码中使用这些信息来确定来源。

2、使用第三方库：有一些JavaScript库可以帮助您检测页面的来源，例如Google Analytics或其他类似的分析工具，这些库通常提供更可靠的来源检测方法，并且可以处理各种浏览器兼容性问题。

无论采用哪种方法，都需要确保遵守用户的隐私权和数据保护法规。