点击获取顶部href的顶级主机名

Question

I have a link where I want to get the top level domain name of the domain clicked. In my example I have

    <a href="http://www.example.com/this/that">click on this link</a>

When I click on it I want an alert saying

www.example.com

I know window.location.host does this for the actual location of the site but am not sure how to get this for the individual href I have tried the below but it returns

    jQuery(document).on("click", "a", function (event) {
        event.preventDefault();
        var id = jQuery(this).attr('href') || 'nohref';
        alert(window.location.host);
        alert(id);
    });

http://www.example.com/this/that

rather than www.example.com

What is the best way to achieve this?

Answer 1

It's pretty straightforward actually, no need for regular expression:

jQuery(document).on("click", "a[href]", function (event) {
    event.preventDefault();
    alert(this.hostname);
});

See MDN - HTMLAnchorElement .

I'm not sure if it works in Internet Explorer though.

Answer 2

Try

jQuery(document).on("click", "a", function (event) {
    event.preventDefault();
    var id = jQuery(this).attr('href') || 'nohref';
    var domain = id.match(/http[s]?\:\/\/(.*?)[\/$]/)[1]
    alert(domain);
});

Answer 3

var domain = jQuery(this).attr('href').match(/^https?:\/\/([^\/]+)/);
if (domain != null && typeof domain[1]!='undefined')
  domain = domain[1];
else
  domain = '';

Answer 4

您可以尝试使用document.domain ，尽管它不如window.location.host受到广泛支持。