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

 更新时间:2017年01月06日 11:28:38   作者:cen备忘录  
这篇文章主要介绍了JS正则匹配URL网址的方法,可实现匹配www,http开头的一切网址的功能,涉及JS正则匹配字符串、数字及特殊字符构建URL的操作技巧,需要的朋友可以参考下

本文实例讲述了JS正则匹配URL网址的方法。分享给大家供大家参考,具体如下:

最强的匹配网址-url的正则表达式:匹配www,http开头的一切网址

直接插入正则表达式:

[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;
  }
}

可以匹配如下格式的网址:

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

其实这个正则只是匹配xxx.yyy,所以只要是有这样格式的网址都可以。所以要求很严格的网址应该是不够的。。。

PS:这里再为大家提供2款非常方便的正则表达式工具供大家参考使用:

JavaScript正则表达式在线测试工具:
http://tools.jb51.net/regex/javascript

正则表达式在线生成工具:
http://tools.jb51.net/regex/create_reg

更多关于JavaScript相关内容感兴趣的读者可查看本站专题:《JavaScript正则表达式技巧大全》、《JavaScript替换操作技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》、《JavaScript中json操作技巧总结》、《JavaScript错误与调试技巧总结》及《JavaScript数学运算用法总结

希望本文所述对大家JavaScript程序设计有所帮助。

相关文章

  • 前端JavaScript获取电池信息

    前端JavaScript获取电池信息

    受到同事启发,突然发现了几个有趣又实用的web api,下面这篇文章主要给大家介绍了关于前端JavaScript获取电池信息的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
    2023-04-04
  • HTML+JS实现爱心动画效果的源码分享

    HTML+JS实现爱心动画效果的源码分享

    最近在热播影剧《点燃我,温暖你》中有个片段是男主人公李峋通过代码实现了一个爱心动画的效果。在本文中,将利用HTML+CSS+JS实现同款效果,需要的可以尝试一下
    2022-11-11
  • Webpack常见静态资源处理-模块加载器(Loaders)+ExtractTextPlugin插件

    Webpack常见静态资源处理-模块加载器(Loaders)+ExtractTextPlugin插件

    这篇文章主要介绍了Webpack常见静态资源处理-模块加载器(Loaders)+ExtractTextPlugin插件,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-06-06
  • Bootstrap基本模板的使用和理解1

    Bootstrap基本模板的使用和理解1

    这篇文章主要为大家详细介绍了关于Bootstrap基本模板的使用和理解的学习记录,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-12-12
  • js初始化验证实例详解

    js初始化验证实例详解

    这篇文章主要介绍了js初始化验证,结合实例形式分析了javascript初始化验证相关的判断、设置、检测等相关操作技巧,需要的朋友可以参考下
    2016-11-11
  • JavaScript Event学习第八章 事件的顺序

    JavaScript Event学习第八章 事件的顺序

    在第一章中我提到一个初次看起来可能不是那么好理解的是一个问题:“如果一个元素和他的父元素对于同样的事件都有事件处理程序,那么哪个会首先执行呢?”毫无疑问,看是什么浏览器。
    2010-02-02
  • 如何改进javascript代码的性能

    如何改进javascript代码的性能

    在web应用中,应用了大量的Javascript,因此代码的执行效率变得尤为重要,也就是性能!为了提高JS的性能,我们应该掌握一些基本的性能优化方式,并让它成为我们书写代码的习惯。下面介绍几种优化性能的方式,很多初学者甚至有经验的开发者也会忽略,希望对你有帮助
    2015-04-04
  • JS算法教程之字符串去重与字符串反转

    JS算法教程之字符串去重与字符串反转

    这篇文章主要给大家介绍了关于JS算法教程之字符串去重与字符串反转的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-12-12
  • 微信小程序实现定位及到指定位置导航的示例代码

    微信小程序实现定位及到指定位置导航的示例代码

    这篇文章主要介绍了微信小程序实现定位及到指定位置导航的示例代码,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-08-08
  • Document和Document.all区别分析

    Document和Document.all区别分析

    all是一个集合,包含所有html对像的集合,写一个程式,可以存取到所有的对像。
    2008-11-11

最新评论