如何使用Javascript或jQuery从链接字符串中提取基本URL？

Question

我该怎么做：

http://bit.ly/Wn2Xdz

进入这个：

http://bit.ly/

请记住，这不是窗口中的当前URL，而是字符串。基本网址可能会发生变化（并非所有时间http://bit.ly）。

Answer 1

您可以使用锚标记来可靠地解析它：

var temp=document.createElement("a"); 
temp.href="http://bit.ly/Wn2Xdz"; 
alert(temp.origin+"/"); // shows: "http://bit.ly/"

Answer 2

我建议，最简单的说法是：

function hostnameFromURL(url) {
  var a = document.createElement('a');
  a.href = url;
  return a.protocol + '//' + a.hostname;
}

console.log(hostnameFromURL('http://bit.ly/Wn2Xdz')); // http://bit.ly

Answer 3

如果它只是一个字符串操作的东西，你可以从给定的字符串中获取基本URL，如下所示

var url = "http://bit.ly/Wn2Xdz";
var temp = url.split("/");
var baseUrl = temp[0] + "//" + temp[2];//http://bit.ly