javascript - 仅从 document.referrer 获取域

Java

获取当前页面的来源域名是一个常见的需求，特别是在需要统计和分析访问来源的场景下。在JavaScript中，我们可以通过document.referrer属性来获取当前页面的来源URL，然后从URL中提取出域名信息。

在本文中，我们将介绍如何使用JavaScript从document.referrer属性中获取域名，并给出一个简单的案例代码来演示这个过程。

获取来源域名的方法

要获取来源域名，我们可以使用JavaScript的字符串操作方法和正则表达式来处理document.referrer属性的值。下面是一个简单的函数，可以从document.referrer中提取出域名：

Javascript
function getDomAInFromReferrer() {
  var referrer = document.referrer;
  var domAIn = referrer.match(/^(?:https?:\/\/)?(?:[^@\n]+@)?(?:www\.)?([^:\/\n?]+)/im)[1];
  return domAIn;
}

这个函数首先获取document.referrer的值，然后使用正则表达式从中提取出域名。正则表达式的模式可以匹配常见的URL格式，包括http和https协议。

案例代码

下面是一个使用上述函数的案例代码，演示了如何获取来源域名并在页面中显示出来：

html
<!DOCTYPE html>
<html>
  <head>
    <Meta charset="UTF-8">
    <title>获取来源域名</title>
  </head>
  <body>
    <div id="referrer-domAIn"></div>
    <script>
      function getDomAInFromReferrer() {
        var referrer = document.referrer;
        var domAIn = referrer.match(/^(?:https?:\/\/)?(?:[^@\n]+@)?(?:www\.)?([^:\/\n?]+)/im)[1];
        return domAIn;
      }
      var referrerDomAIn = getDomAInFromReferrer();
      document.getElementById("referrer-domAIn").textContent = "来源域名：" + referrerDomAIn;
    </script>
  </body>
</html>

在这个案例中，我们创建了一个div元素，用于显示获取到的来源域名。然后，我们在JavaScript代码中调用getDomAInFromReferrer函数来获取域名，并将其赋值给div元素的textContent属性。

通过使用JavaScript的字符串操作方法和正则表达式，我们可以从document.referrer属性中提取出来源域名。这个功能在需要统计和分析访问来源的场景下非常有用，可以帮助我们更好地了解用户行为和网站流量。通过上述的案例代码，我们可以简单地演示了如何实现这个功能。