[JavaScript]How to parse the URL and get the different fragments easily?_return (parsed.protocol === originurl.protocol && -优快云博客

本文将指导您如何利用JavaScript解析URL，并提取其href、协议、主机名、端口和路径等关键信息。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

In this tutorial, i will show you how to get the href, protocol,host, host name,port and path information from URL with the help of JS.

var urlParsingNode = document.createElement("a");
var originUrl = urlResolve(window.location.href, true);

function urlResolve(url, base) {
  var href = url;

  if (msie) {
    // Normalize before parse.  Refer Implementation Notes on why this is
    // done in two steps on IE.
    urlParsingNode.setAttribute("href", href);
    href = urlParsingNode.href;
  }

  urlParsingNode.setAttribute('href', href);

  return {
    href: urlParsingNode.href,
    protocol: urlParsingNode.protocol ? urlParsingNode.protocol.replace(/:$/, '') : '',
    host: urlParsingNode.host,
    search: urlParsingNode.search ? urlParsingNode.search.replace(/^\?/, '') : '',
    hash: urlParsingNode.hash ? urlParsingNode.hash.replace(/^#/, '') : '',
    hostname: urlParsingNode.hostname,
    port: urlParsingNode.port,
    pathname: (urlParsingNode.pathname.charAt(0) === '/')
      ? urlParsingNode.pathname
      : '/' + urlParsingNode.pathname
  };
}

function urlIsSameOrigin(requestUrl) {
  var parsed = (isString(requestUrl)) ? urlResolve(requestUrl) : requestUrl;
  return (parsed.protocol === originUrl.protocol &&
          parsed.host === originUrl.host);
}