快捷導(dǎo)航

JS正則匹配URL網(wǎng)址的方法(可匹配www,http開(kāi)頭的一切網(wǎng)址)

更新時(shí)間：2017年01月06日 11:28:38 作者：cen備忘錄

這篇文章主要介紹了JS正則匹配URL網(wǎng)址的方法,可實(shí)現(xiàn)匹配www,http開(kāi)頭的一切網(wǎng)址的功能,涉及JS正則匹配字符串、數(shù)字及特殊字符構(gòu)建URL的操作技巧,需要的朋友可以參考下

本文實(shí)例講述了JS正則匹配URL網(wǎng)址的方法。分享給大家供大家參考，具體如下：

最強(qiáng)的匹配網(wǎng)址-url的正則表達(dá)式:匹配www,http開(kāi)頭的一切網(wǎng)址

直接插入正則表達(dá)式：

[a-zA-Z0-9][-a-zA-Z0-9]{0,62}(\.[a-zA-Z0-9][-a-zA-Z0-9]{0,62})+\.?

完整的js方法：

function isURL(domain) {
  var name = /[a-zA-Z0-9][-a-zA-Z0-9]{0,62}(\.[a-zA-Z0-9][-a-zA-Z0-9]{0,62})+\.?/;
  if( !(name.test(domain)))
  {
    return false;
  }
  else
  {
    return true;
  }
}

可以匹配如下格式的網(wǎng)址：

www.abc.com
http://www.abc.com
http://sub.abc.com
abc.com/a/b.html
。。。

其實(shí)這個(gè)正則只是匹配xxx.yyy，所以只要是有這樣格式的網(wǎng)址都可以。所以要求很?chē)?yán)格的網(wǎng)址應(yīng)該是不夠的。。。

PS：這里再為大家提供2款非常方便的正則表達(dá)式工具供大家參考使用：

JavaScript正則表達(dá)式在線測(cè)試工具：
http://tools.jb51.net/regex/javascript

正則表達(dá)式在線生成工具：
http://tools.jb51.net/regex/create_reg

更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專(zhuān)題：《JavaScript正則表達(dá)式技巧大全》、《JavaScript替換操作技巧總結(jié)》、《JavaScript查找算法技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》、《JavaScript中json操作技巧總結(jié)》、《JavaScript錯(cuò)誤與調(diào)試技巧總結(jié)》及《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》

希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

早該知道的7個(gè)JavaScript技巧
這篇文章對(duì)js編寫(xiě)等方便詳細(xì)的說(shuō)明了幾個(gè)技巧，方便大家提高效率，學(xué)習(xí)簡(jiǎn)易化書(shū)寫(xiě)代碼
2013-03-03
prefers-color-scheme設(shè)置檢測(cè)系統(tǒng)主題色
這篇文章主要為大家介紹了prefers-color-scheme設(shè)置檢測(cè)系統(tǒng)主題色實(shí)例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2023-04-04
uni-app配置APP自定義頂部標(biāo)題欄設(shè)置方法與注意事項(xiàng)
相信很多小伙伴在使用uniapp進(jìn)行多端開(kāi)發(fā)的時(shí)候,在面對(duì)一些業(yè)務(wù)需求的時(shí)候,uniapp給我們提供的默認(rèn)導(dǎo)航欄已經(jīng)不能滿足我們的業(yè)務(wù)需求了,這篇文章主要給大家介紹了關(guān)于uni-app配置APP自定義頂部標(biāo)題欄設(shè)置方法與注意事項(xiàng)的相關(guān)資料,需要的朋友可以參考下
2022-07-07
Javascript實(shí)現(xiàn)視頻輪播在pc端與移動(dòng)端均可
用Javascript實(shí)現(xiàn)視頻輪播，畢竟是客戶的需求嗎？所以盡量實(shí)現(xiàn)下,下面有個(gè)實(shí)現(xiàn)視頻輪播的示例，pc端與移動(dòng)端均可以實(shí)現(xiàn)，感興趣的朋友可以了解下
2013-09-09
JavaScript滿天星導(dǎo)航欄實(shí)現(xiàn)方法
本篇文章給大家分享了JavaScript滿天星導(dǎo)航欄實(shí)現(xiàn)方法，以前也介紹過(guò)很多關(guān)于特效導(dǎo)航的制作方法，對(duì)此有興趣的朋友參考學(xué)習(xí)下。
2018-03-03
JavaScript數(shù)組的隨機(jī)排序方法詳解
在前端開(kāi)發(fā)中,我們經(jīng)常需要對(duì)數(shù)組進(jìn)行隨機(jī)排序,例如在游戲、抽獎(jiǎng)、數(shù)據(jù)隨機(jī)展示等場(chǎng)景中,JavaScript 提供了多種方式來(lái)實(shí)現(xiàn)數(shù)組的隨機(jī)排序,本文將詳細(xì)介紹不同的方法,并分析它們的優(yōu)缺點(diǎn),幫助開(kāi)發(fā)者在不同場(chǎng)景下選擇合適的解決方案,需要的朋友可以參考下
2025-03-03
javascript中的prototype屬性使用說(shuō)明(函數(shù)功能擴(kuò)展)
一說(shuō)到prototype很多人可能第一個(gè)想到的是著名的prototype.js框架，當(dāng)然我們今天說(shuō)的不是它，而是Javascript中的prototype屬性，一般都被翻譯為“原型”。
2010-08-08
批量實(shí)現(xiàn)面向?qū)ο蟮膶?shí)例代碼
本文為大家詳細(xì)介紹下面向?qū)ο蟮睦^承以及如何實(shí)現(xiàn)批量實(shí)現(xiàn)面向?qū)ο?，感興趣的可以參考下哈，希望對(duì)大家有所幫助
2013-07-07
JS中的回調(diào)函數(shù)(callback)講解
回調(diào)函數(shù)是一段可執(zhí)行的代碼段，它作為一個(gè)參數(shù)傳遞給其他的代碼，其作用是在需要的時(shí)候方便調(diào)用這段（回調(diào)函數(shù)）代碼,這篇文章主要介紹了JS中的?回調(diào)函數(shù)（callback）,需要的朋友可以參考下
2022-12-12
javascript實(shí)現(xiàn)自定義滾動(dòng)條效果
這篇文章主要為大家詳細(xì)介紹了javascript實(shí)現(xiàn)自定義滾動(dòng)條效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2021-08-08