JavaScript - 仅从 document.referrer 获取域名

Question

我希望可以仅从引荐网址中获取域名。我通常会收到以下引荐网址：http://www.davidj.com/pages/flyer.asp 和 http://www.ronniej.com/linkdes.com/?adv=267&loc=897。

每当我收到类似于上述的引荐网址时，我只想获取域名，例如： http://www.davidj.com。

我尝试使用.split方法，但是我在使用它时遇到了麻烦。

- Stephen

Answer 1

var url = "http://www.ronniej.com/linkdes.com/?adv=267&loc=897"
var referrer =  url.match(/:\/\/(.[^/]+)/)[1];

http://jsfiddle.net/hyjcD/

if (document.referrer) {
   url = document.referrer; 
   ref = url.match(/:\/\/(.[^/]+)/)[1];
}

- Ram

---

@Reminson 谢谢你的帮助，它确实有效，但我有一个问题。我已经将代码放在我的域名上，使用了一个 .js 文件，并且基本上它被加载到了所有页面上。唯一的问题是，每当我直接访问一个页面（没有引荐网址），我就会收到以下错误提示：url.match(/://(.[^/]+)/)[1]; 为空。 - Stephen

我正在使用以下代码：var url = unescape(document.referrer); var ref = url.match(/://(.[^/]+)/)[1]; - Stephen

这是因为 document.referrer 是 undefined，没有 URL 可以匹配，你应该检查 if (document.referrer) 不是 "undefined"，然后执行此代码。 - Ram

只需使用此解决方案：https://dev59.com/zWkv5IYBdhLWcg3w1kMJ#52850936 - Nabi K.A.Z.

Answer 2

尝试使用JS原生URL接口来处理URL字符串：

let domain = (new URL(document.referrer)).hostname;

参考资料：https://developer.mozilla.org/zh-CN/docs/Web/API/URL

- OXiGEN

---

使用 .host 可以包含端口。 - Aakash Verma

Answer 3

你可以在内部将URL写入锚点元素，然后从那个元素中获取较小的部分。

var anchor = document.createElement("a");
anchor.href = "http://www.davidj.com/pages/flyer.asp";

console.log(anchor.protocol + "//" + anchor.host); // "http://www.davidj.com"

这样做比起手动分割等操作要简单得多…… 这很合乎逻辑…… 原生锚点与window.location 相同，至少在URL方面如此。

编辑：IE 6-9会将默认端口添加到锚点的主机名中 // "http://www.davidj.com:80

- Tobias Krogh

---

IE 确实会将端口添加到 anchor.host，但不会添加到 location.host。如果您不需要端口，则可以使用 anchor.hostname 和 location.hostname。 - Ian Clelland

Answer 4

链分裂、切片和连接：

document.referrer.split("/").slice(0,3).join("/")

- Niet the Dark Absol

Answer 5

你可以使用正则表达式：

var matchHost = /^https?:\/\/.*\//;

var match = matchHost.exec('http://www.davidj.com/pages/flyer.asp');
if(match) {
    var host = match[0];
    console.log(host);
}

- Linus Thiel

Answer 6

if (document.referrer.split('/')[2] == "domain") {
    //................
}                              

- Igor

Answer 7

从引荐字符串中获取协议+域名的唯一方法是：

document.referrer.split("/").slice(0,3).join("/").split("?").slice(0,1).join("?")

第二个分割是为了删除查询字符串（如果存在）：http://www.example.com?s=search 它适用于：

1. http://....
2. https://....
3. http://www.example.com
4. http://www.example.com/
5. http://www.example.com/aaa/bbb/ccc....
6. http://www.example.com?s=search&t=time
7. http://www.example.com/?s=search&t=time

- Gal Tamir

---

无法使用 file:///home/user/desktop/page.html。 - user5994461

@user5994461 - 当谈论本地URL时，我不确定“domain”是什么意思，这样的URL没有域名。 - Gal Tamir