如何使用JavaScript解析URL - 行业资讯 - 肥雀云

　　介绍

小编给大家分享一下如何使用JavaScript解析URL,希望大家阅读完这篇文章后大所收获、下面让我们一起去探讨吧!

开始

创建一个以下内容的HTML文件,并在浏览器中打开。

& lt; html> 　　,,,& lt; head> 　　,,,,,,,& lt; title> JavaScript URL parsing 　　,,,& lt;/head> 　　,,,& lt; body> 　　,,,,,,,& lt; script> 　　,,,,,,,,,,,//,激动人心的代码即将写在这里　　,,,,,,,& lt;/script> 　　,,,& lt;/body> 　　& lt;/html>

如果你想尝试本文中的任何内容,可以将其放在& lt; script>标记中,保存,重新加载页面,看看会发生什么!在本教程中,将使用控制台。日志,来打印所需要的内容,你可以打开开发都工具,来查看内容。

什么是URL

这应该是相当简单的,但让我们说清楚。 <强> URL是网页的地址,可以在浏览器中输入以获取该网页的唯一内容。可以在地址栏中看到它:

console.log (window.location);

查看浏览器的控制台:

如何使用JavaScript解析URL”> </p> <p>不是你想要的吗?这是因为它不返回你在浏览器中看到的实际URL地址——它返回的是一个URL对象。使用这个URL对象,我们可以解析URL的不同部分,接下来就会讲到。</p> <h3>创建URL对象</h3> <p>很快就会看的到,可以使用URL对象来了解URL的不同部分。如果你想对任何URL执行此操作,而不仅仅是当前页面的URL,该怎么办?我们可以通过创建一个新的URL对象来实现。以下是如何创建一个:</p> <pre类= var myURL =, new URL (https://example.com& & # 39; # 39;);

就这么简单!可以打印<代码> myURL> myURL> console.log (myURL);

如何使用JavaScript解析URL”> </p> <p>出于本文的目的,将myURL设置为这个值:</p> <pre类= var myURL =, new URL (& # 39; https://example.com: 4000/文件夹/page.html ? x=y& a=b # section-2& # 39;)