在 Web 开发中，有许多情况需要解析 URL，这篇主要学习如何使用 URL 对象实现这一点。
创建一个以下内容的 HTML 文件，并在浏览器中打开。
<html>
<head>
<title>JavaScript URL parsing</title>
</head>
<body>
<script>
// 激动人心的代码即将写在这里
</script>
</body>
</html>如果你想尝试本文中的任何内容，可以将其放在 <script> 标记中，保存，重新加载页面，看看会发生什么！ 在本教程中，将使用 console.log 来打印所需要的内容，你可以打开开发都工具，来查看内容。</script>
这应该是相当简单的，但让我们说清楚。 URL 是网页的地址，可以在浏览器中输入以获取该网页的唯一内容。 可以在地址栏中看到它：
立即学习“Java免费学习笔记（深入）”；
URL 是统一资源定位符，对可以从互联网上得到的资源的位置和访问方法的一种简洁的表示，是互联网上标准资源的地址。互联网上的每个文件都有一个唯一的 URL，它包含的信息指出文件的位置以及浏览器应该怎么处理它。
此外，如果你不熟悉基本 URL 路径的工作方式，可以查看此文学习。
URL 不都长的一样的这是一个快速提醒 - 有时 URL 可能非常奇怪，如下：https://example.com:1234/page/?a=bhttp://localhost/page.htmlhttps://154.23.54.156/page?x=...file:///Users/username/folder/file.png
获取当前页面的 URL 非常简单 - 我们可以使用 window.location。
试着把这个添加到我们形如写的的脚本中:
console.log(window.location);
查看浏览器的控制台：
不是你想要的?这是因为它不返回你在浏览器中看到的实际 URL 地址——它返回的是一个 URL 对象。使用这个 URL 对象，我们可以解析 URL 的不同部分，接下来就会讲到。
很快就会看到，可以使用 URL 对象来了解 URL 的不同部分。如果你想对任何 URL 执行此操作，而不仅仅是当前页面的 URL，该怎么办？ 我们可以通过创建一个新的 URL 对象来实现。 以下是如何创建一个：
var myURL = new URL('https://example.com');就这么简单！ 可以打印 myURL 来查看 myURL 的内容：
console.log(myURL);
出于本文的目的，将 myURL 设置为这个值：
var myURL = new URL('https://example.com:4000/folder/page.html?x=y&a=b#section-2')将其复制并粘贴到 <script></script> 元素中，以便你可以继续操作！ 这个 URL 的某些部分可能不熟悉，因为它们并不总是被使用 - 但你将在下面了解它们，所以不要担心！
使用 URL 对象，可以非常轻松地获取 URL 的不同部分。 以下是你可以从 URL 对象获得的所有内容。 对于这些示例，我们将使用上面设置的 myURL。
URL 的 href 基本上是作为字符串(文本)的整个 URL。如果你想把页面的 URL 作为字符串而不是 URL 对象，你可以写 window.location.href。
console.log(myURL.href); // Output: "https://example.com:4000/folder/page.html?x=y&a=b#section-2"
URL的协议是一开始的部分。这告诉浏览器如何访问该页面，例如通过 HTTP 或 HTTPS。 但是还有很多其他协议，比如 ftp（文件传输协议）和 ws（WebSocket）。通常，网站将使用 HTTP 或 HTTPS。
jQuery图片内容展开/收缩选项卡，点击图片会出现对应的文字解说。兼容主流浏览器，php中文网推荐下载！ 使用方法： 1、head区域引用以下文件
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
收藏
取消收藏
