原生JavaScript---正则表达式

WEB前端工程师整理的原生JavaScript经典百例

一.原生JavaScript实现字符串长度截取二.原生JavaScript获取域名主机三.原生JavaScript转义html标签四.原生JavaScript时间日期格式替换 Date.prototype.Format = function(formatStr) { var str = formatStr; var Week = ['日', '一', '二', '三', '四', '五', '六']; str = str.replace(/yyyy|YYYY/, this.getFullY…

原生JavaScript技巧大收集100个

原生JavaScript技巧大收集 1.原生JavaScript实现字符串长度截取function cutstr(str, len) { var temp; var icount = 0; var patrn = /[^\x00-\xff]/; var strre = ""; for (var i = 0; i < str.length; i++) { if (icount < len - 1) { temp = str.substr(i, 1); if (patrn.ex…

100个常用的原生JavaScript函数

1.原生JavaScript实现字符串长度截取复制代码代码如下: function cutstr(str, len) { var temp; var icount = 0; var patrn = /[^\x00-\xff]/; var strre = ""; for (var i = 0; i < str.length; i++) { if (icount < len - 1) { temp = str.…

原生JavaScript

原生JavaScript 为了方便查看. 所有的js和css代码都是嵌入式直接写在html代码中 1.js的引入方式 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> .box1 { width: 200px; height: 200px; backg…

JavaScript正则表达式，你真的知道？

一.前言粗浅的编写正则表达式,是造成性能瓶颈的主要原因.如下: var reg1 = /(A+A+)+B/; var reg2 = /AA+B/; 上述两个正则表达式,匹配效果是一样的,但是,效率就相差太远了,甚至在与少量字符串匹配时,reg1就会造成你浏览器卡死. 不信?我们可以测试下. 首先,我们声明一个字符串变量str,同时赋予一个包含20个A的字符串给str,采用match方法与上述reg1.reg2进行匹配测试,如下: var str = 'AAAAAAAAAAAAAAAAAAAA'…

【JS】javascript 正则表达式大全总结

javascript 正则表达式大全总结参考整理了一些javascript正则表达式目的一:自我复习归纳总结目的二:共享方便大家搜索微信:wixf150 验证数字:^[0-9]*$ 验证n位的数字:^\d{n}$ 验证至少n位数字:^\d{n,}$ 验证m-n位的数字:^\d{m,n}$ 验证零和非零开头的数字:^(0|[1-9][0-9]*)$ 验证有两位小数的正实数:^[0-9]+(.[0-9]{2})?$ 验证有1-3位小数的正实数:^[0-9]+(.[0-9]{1,3})?$…

理清JavaScript正则表达式--上篇

在JavaScript中,正则表达式由RegExp对象表示.RegExp对象呢,又可以通过直接量和构造函数RegExp两种方式创建,分别如下: //直接量 var re = /pattern/[g | i | m]; //构造函数 var re = new RegExp(["pattern", ["g" | "i" | "m"]]); 其中,末尾的可选字符(g.i和m)分别表示: g: 模式执行一个全局匹配.简而言之,就是找到…

理清JavaScript正则表达式--下篇

紧接:"理清JavaScript正则表达式--上篇". 正则在String类中的应用类String支持四种利用正则表达式的方法.分别是search.replace.match和split方法.下面将一一讲述. --String.search(regexp)-- search相对于其他三个方法,是应用正则最简单的方法啦,作用就是根据参数regexp查找相应匹配模式. 具体如下: 方法search中的参数为正则表达式对象,倘若我们赋予的值不是正则表达式对象,而是字符串,那么search在…

原生javascript 实现 animate

原生javascript 实现 animate //animate function getstyle(obj,name){ if(obj.currentStyle){ return obj.currentStyle[name]; }else{ return getComputedStyle(obj,false)[name]; } } function startrun(obj,attr,target,fn){ clearInterval(obj.timer); obj.timer = setI…

JavaScript正则表达式详解（一）正则表达式入门

JavaScript正则表达式是很多JavaScript开发人员比较头疼的事情,也很多人不愿意学习,只是必要的时候上网查一下就可以啦~本文中详细的把JavaScript正则表达式的用法进行了列表,希望对于大家学习JavaScript正则表达式有一定的帮助. 建立正则表达式对象语法 re = new RegExp(/pattern/[flags]) flags 参数说明: g (全文查找出现的所有 pattern) i (忽略大小写) m (多行查找) 普通字符描述 \ 将下一个字符标记为一个特…

JavaScript正则表达式详解（二）JavaScript中正则表达式函数详解

二.JavaScript中正则表达式函数详解(exec, test, match, replace, search, split) 1.使用正则表达式的方法去匹配查找字符串 1.1. exec方法详解 exec方法的返回值 exec方法返回的其实并不是匹配结果字符串,而是一个对象,简单地修改一下execReg函数,来做一个实验就可以印证这一点: function execReg(reg, str) { var result = reg.exec(str); alert(typeof result…

浅谈原生javaScript&&react 实现全局触摸按钮（附带对addeventlistener的了解）

1.采用原生javaACript 实现全局触摸按钮首先在控制台输出,观察事件有哪些关于触摸的字段可以使用,然后拿这些字段的数据开始来写方法. 因为要做的是全局触摸按钮,我需要拿到的是按钮时时的坐标位置,通过改变样式来改变按钮任意移动位置.所以就那了changedTouches里面的值.touches里面放的是touchstart的开始位置.用react的时候,touch事件会和click起冲突,导致链接点击有bug,所以需要那touchstart的值在touchend的时候做判断是点击事件还是…

Python自动化【第十八篇】：JavaScript 正则表达式及Django初识

本节内容 JavaScript 正则表达式 Django初识正则表达式 1.定义正则表达式 /.../ 用于定义正则表达式 /.../g 表示全局匹配 /.../i 表示不区分大小写 /.../m 表示多行匹配 JS正则匹配时本身就是支持多行,此处多行匹配只是影响正则表达式^和$,m模式也会使用^$来匹配换行的内容) var pattern = /^Java\w*/gm; var text = "JavaScript is more fun than \nJavaEE or JavaBean…

JavaScript正则表达式下——相关方法

上篇博客JavaScript 正则表达式上——基本语法介绍了JavaScript正则表达式的语法,有了这些基本知识,可以看看正则表达式在JavaScript的应用了,在一切开始之前,看看RegExp实例的几个属性 RegExp实例对象有五个属性 global:是否全局搜索,默认是false ignoreCase:是否大小写敏感,默认是false multiline:多行搜索,默认值是false lastIndex:是当前表达式模式首次匹配内容中最后一个字符的下一个位置,每次正则表达式成功匹配时,…

JavaScript 正则表达式上——基本语法

定义 JavaScript种正则表达式有两种定义方式,定义一个匹配类似 <%XXX%> 的字符串 1. 构造函数 var reg=new RegExp('<%[^%>]+%>','g'); 2. 字面量 var reg=/<%[^%>]%>/g; g: global,全文搜索,默认搜索到第一个结果接停止 i: ingore case,忽略大小写,默认大小写敏感 m: multiple lines,多行搜索(更改^ 和$的含义,使它们分别在任意一行对待行首和行…

你可能不需要 jQuery！使用原生 JavaScript 进行开发

很多的 JavaScript 开发人员,包括我在内,都很喜欢 jQuery.因为它的简单,因为它有很多丰富的插件可供使用,和其它优秀的工具一样,jQuery 让我们开发人员能够更轻松的开发网站和 Web 应用. 然而,另一方面,作为前端开发的基础框架,jQuery 包含大量的兼容性代码和扩展功能,其中有很多在你的整个项目中可能都不会用到.其实如果你只是针对现代浏览器,很多功能使用原生的 JavaScript 就可以实现,即使是拖后腿的低版本 IE 浏览器,兼容性也是很容易处理的. 您可能感兴趣的…

原生JavaScript技巧大收集(11~20)-(终于又被我找到这篇文章了)

11.原生JavaScript加入收藏夹 function AddFavorite(sURL, sTitle) { try { window.external.addFavorite(sURL, sTitle) } catch(e) { try { window.sidebar.addPanel(sTitle, sURL, "") } catch(e) { alert("加入收藏失败,请使用Ctrl+D进行添加") } } } 12.原生JavaScript设为…

原生javascript加载运行

原生javascript加载运行 (function(){ //TODO sometings }()); 在要运行相应代码的位置加入script标签,创建函数并自执行; 关于window.onload事件则是在页面全部加载完成以后执行,包括文档和多媒体文件.…

原生javascript模仿win8等待进度条。

一.序言一直很中意win8等待提示圆圈进度条.win8刚出来那会,感觉好神奇!苦于当时没思路,没去研究.通过最近网上找找资料,终于给搞出来了!先上Demo,献丑了!预览请看:win8进度条. 二.简单介绍原生javascript编写,需要理解js基于面向对象编程和圆形坐标计算! 实现原理:把每个圆点抽象成一个对象(ProgressBarWin8类型),将每个圆点对象存在数组中(progressArray),延迟执行每个圆点对象的run方法,至于圆点运行速度越来越快,是通过改变定时器延迟毫秒数…

表单美化-原生javascript和jQuery单选按钮（兼容IE6）

最近很多人问怎么美化表单的元素,大家都知道表单元素在各个浏览器中的表现不一,反正也是特别的丑,那么问题就来了,我们能自己设计表单元素的外观么?答案是可以的,现在我们就来试试吧.我们用两种方式来实现这一效果,一种是用原生的javascript 和一种是现在特别流行的javascript框架jQuery来实现这一效果. 首先我们先来用javascript的方式,不了解原生javascript的童鞋可以跳过这个直接进去jQuery的部分.javascript是前端的基础建议大家还是要学习下原生java…

javascript学习-原生javascript的小特效（原生javascript实现链式运动）

以下代码就不详细解析了,在我之前的多个运动效果中已经解析好多次了,重复的地方这里就不说明了,有兴趣的童鞋可以去看看之前的文章<原生javascript的小特效> <!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8"> <title></title> <style type="text/css&…

javascript学习-原生javascript的小特效（多个运动效果整理）

正则表达式入门教程&&经典Javascript正则表达式（share）

前言例子: ^.+@.+\\..+$ 这样的代码曾经多次把我自己给吓退过.可能很多人也是被这样的代码给吓跑的吧.继续阅读本文将让你也可以自由应用这样的代码. 正文教程:正则表达式30分钟入门教程一个学习正则表达式不错的教程,对正则表达式有兴趣,但不太了解的童鞋可以参考下以下内容摘自常用JQuery数字类型验证正则表达式整理和经典Javascript正则表达式 [ 留个备份 :) ~~ ] 常用JQuery数字类型验证正则表达式整理 (有很…

自己实现的一款在线Javascript正则表达式测试器——JRE-Parser

本文最初发布于我的个人博客:http://jerryzou.com/posts/jreparser/ 昨天在看<正则表达式30分钟入门教程>的时候,看到博主自己实现了一个C#写的正则测试器,看上去挺方便的样子.但是我自己又不太喜欢乱装东西,所以寻思着能不能自己实现一个javascript正则表达式测试器.于是几十行代码实现了这样一个正则测试器. 先展示一下0.1版本的效果图吧~ 页面还比较简单,但是基本功能算是有了.可以正常使用~. 关于怎么从用户的输入中提取正则表达式的过程多亏@依云大神提点…

原生javascript开发仿微信打飞机小游戏

今天闲来无事,于是就打算教一个初学javascript的女童鞋写点东西,因此为了兼顾趣味性与简易程度,果断想到了微信的打飞机小游戏.. 本来想用html5做的,但是毕竟人家才初学,连jquery都还不会,所以最终还是决定用原生的javascript.虽说相对于园内的高手们而言代码算不上优雅,效率算不上高,不过对于初学者来练手还是足以.. 三个文件,main.js(主函数),entity.js(实体类与工厂类),util.js(工具类),基本原理就是把位置信息保存在对象里面,然后在setInter…

javascript正则表达式简介

javascript正则表达式 javascript正则表达式 regular expression是一个描述字符模式的对象: ECMAScript中的RegExp类表示正则表达式: String和RegExp都定义了使用正则表达式进行强大的模式匹配.文本检索和替换的函数: 正则表达式主要用来验证客户端的输入数据: Ⅰ.创建正则表达式类似于创建字符串,可以使用new运算符也可以采用字面值: 参数含义 g 全局匹配 i 忽略大小写 m 多行匹配下文中的javascript代码是通过…

用原生javascript模拟经典FC游戏公路争霸

#用原生javascript模拟经典FC游戏公路争霸前几天看了园子里面的随笔 [原生javascript开发仿微信打飞机小游戏](http://www.cnblogs.com/Mr-Nobody/p/3537718.html)一时兴起,自己也搞了一个小游戏,练习一下自己的js,dom及游戏编程的思维其中还参考了 [另外一个汽车游戏](http://wd.jb51.net:81/200910/yuanma/car_game_js.rar) 在此说一下过程中一些细节吧 **油门**功能的实现是其…

原生JavaScript的省市县三级联动

三级联动是我们写表单时必不可少的,比如在写收货地址时,就用到他了,最近在看原生JavaScript,从基础写起,待完善,以后再写个jquery版的. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>三级联动菜单</title> <style> select { font-family: &qu…

原生javascript写的侧栏跟随效果

浏览网站时经常看到有的网站上,当一个页面很长的时候,设定侧栏内容会跟随滚动条滚动,我们把这种效果叫做“侧栏跟随滚动”.这种特效对提高网站浏览量.文章点击率.广告点击量都有一定效果. 侧栏跟随滚动的实现方法有很多种,比较常见的有两种,这两种方法在NEOEASE写的一篇文章中介绍的很清楚,一种是借助jQuery来实现,这种方法对于那些平时不需要加载jQuery库的网站来说,显然是一种负担(jQuery现在是越做越大了……).另外一种方法是通过原生javascript编写的效果,这种方法相比上一种,要…

原生 JavaScript 代码和Jquery实现对比

下面就带大家一起看看在 IE 浏览器环境中如果使用原生 JavaScript 代码实现 jQuery 中的功能.如果你打算自己开发一个小的基础框架,可以好好参考一下这些代码的实现. 本文转载:http://www.cnblogs.com/lhb25/p/you-might-not-need-jquery.html 类似的还有很多很多,可以参考这里:http://youmightnotneedjquery.com/.…

【原生JavaScript---正则表达式】的更多相关文章