JS正则匹配URL网址的方法(可匹配www,http开头的一切网址)

下面是JS正则匹配URL网址的方法(可匹配www,http开头的一切网址)的完整攻略：

首先，我们需要先了解一下正则表达式。正则表达式是一种专门描述字符串特征的方式，可以用来验证输入是否符合标准格式、搜索或替换字符串等。

接下来，我们需要知道匹配URL网址的正则表达式。以下是匹配URL网址的正则表达式，可以匹配www,http开头的一切网址：

/^((https?|ftp|file):\/\/)?([\da-z.-]+)\.([a-z.]{2,6})([\/\w .-]*)*\/?$/

现在，我们来一步步分析上述正则表达式的含义：

1. /^…$/：以正则表达式的方式开始和结束。
2. ((https?|ftp|file):\/\/)?：可选的协议（http、https、ftp、file）。
3. ([\da-z.-]+)：必选的域名部分。
4. \.([a-z.]{2,6})：必选的顶级域名部分（例如.com、.cn等）。
5. ([\/\w .-]*)*：可选的路径部分，可以包含斜杠、字母、数字、空格和一些特殊字符。
6. \/?$：可选的斜杠结尾。

有了这个正则表达式，我们就可以使用JS匹配URL网址了。例如，我们可以写出如下的代码：

const regex = /^((https?|ftp|file):\/\/)?([\da-z.-]+)\.([a-z.]{2,6})([\/\w .-]*)*\/?$/;
const url1 = 'http://www.example.com'; // 正确格式的网址
const url2 = 'www.example.com'; // 正确格式的网址
const url3 = 'example.com'; // 正确格式的网址
const url4 = 'example.com/index.html'; // 正确格式的网址
const url5 = 'example.com/index.html?query=value'; // 正确格式的网址
const url6 = 'http://'; // 错误格式的网址
const url7 = 'example'; // 错误格式的网址

console.log(regex.test(url1)); // true
console.log(regex.test(url2)); // true
console.log(regex.test(url3)); // true
console.log(regex.test(url4)); // true
console.log(regex.test(url5)); // true
console.log(regex.test(url6)); // false
console.log(regex.test(url7)); // false

在上述代码中，我们定义了一个正则表达式（regex），然后使用JS的test方法来测试不同格式的网址是否符合该正则表达式。最后，我们输出了每个网址的匹配结果。

另外，我们还可以使用replace方法来提取URL中的特定部分。例如，我们可以写出如下的代码：

const regex = /^((https?|ftp|file):\/\/)?([\da-z.-]+)\.([a-z.]{2,6})([\/\w .-]*)*\/?$/;
const url = 'https://www.example.com/index.html';

const domain = url.replace(regex, '$3.$4');
console.log(domain); // 输出：www.example.com

在上述代码中，我们使用replace方法提取URL中的域名部分，并将其保存到了变量中。注意，在replace方法的第二个参数中，$3和$4分别代表了正则表达式中第三个（域名部分）和第四个（顶级域名部分）捕获组的内容。

综上所述，以上就是JS正则匹配URL网址的方法(可匹配www,http开头的一切网址)的完整攻略。