javascript复习以及正则表达式总结

 

javascript基础复习内容以及正则表达式

1.javascript执行顺序，整体上按照文档流执行，具体的：优先处理函数内的代码，这时函数内部的局部变量暂时设置为undefined

把内容显示到标签的是 innerHTML
显示按钮的值的是 value

2.正则表达式用来验证字符串是否符合规定的规则。
javascript操作正则是通过RegExp这个对象来实现的
获得这个对象:
new RegExp（正则表达式，模式修正符）
快捷语法：/正则表达式/模式修正符
常用方法：
test() 检测字符串是否符合规则，返回布尔类型的值
exec()检测字符串是否符合规则，如果有返回匹配的值，否则返回null

表示字符集 []
[]中 -表示的是一个范围
[a-z] 表示小写字母
[A-Z]大写字母
[0-9]表示所有的数字

[]中^代表非
中括号外面  ^ 代表 某个字符开始  $代表以某个字符结束
| 代表或

.表示任意字符，但是不匹配 换行符(\n)
\转移字符，将后面字符原样输出
常用的转义字符来表示 某个字符
\w所有字母 数字 下划线 等于[a-zA-Z0-9_]
\W 非\w
\d 所有数字
\D 所有字符除了 数字
\s 空格
\S 所有字符，但是除了空格
\b 字符边界
\B 所有的字符，但是除了字符边界

Unicode编码表示汉字
javascript内置的编码就是 unicode,4e00-9fa5

表示字符数量
｛｝   表示是数量范围
{最小数量，最大数量} ｛1，6｝最少1次最多6次
｛1，｝  表示1到正无穷
｛，5｝ 表示最多5个
｛6｝  表示6次
 *  0次或多次  任意多
 + 表示 最少1次（1次或多次）
? 0 次或1次
分组的使用
在正则表达式中，我们通过（）将表达式分成若干部分，在通过RegExp对象的exec将匹配结果以数组的形式返回
下标为0的数组，返回的是整个正则表达式匹配的结果
下标为1数组，返回的是第一个分组匹配的结果
Split（）字符串拆分，根据分隔符将字符串进行拆分

i（忽略大小写）  g（全局匹配）  m(匹配多行模式的)

二：javascript事件加强

 

事件的分类：

一般事件：

修改DOM的样式属性时，通过驼峰法

例如 fontSize   backgroundColor

Onfocus

Onblur

function clearInput(){

//获得输入框的值

var username = document.getElementById("username");

username.value = '';

}

function getInput(){

//获得输入框的值

var username = document.getElementById("username");

username.value = '请输入用户名';

}

onchange

function changeCont(){

//先获得下拉列表的值

var num = document.getElementById("select");

var optValue = num.value;

var divCont = document.getElementById("div1");

divCont.style.fontSize = (optValue*10)+'px';

}

Onload 事件：

整个文档（body）都被加载完之后才触发的事件

setInterval()  和 setTimeout 的区别

setTimeout（）多少秒之后执行某函数（执行1次）

setInterval()  每个多少秒执行某个函数（一直在执行）

var str = "欢迎来到我的空间";

function Move(){

//alert(str.substr(1));

//如何截取第一个字符

//alert(str.charAt(0));

str = str.substr(1)+str.charAt(0);

window.status = str;

document.title = str;

setTimeout("Move()",500);

}

//setInterval("Move()",500);

 

鼠标事件

  移入移出（onmouseover，onmouseout）

function changeColor(){

//找到div

var div = document.getElementById("div1");

div.style.backgroundColor = "blue";

}

function changeRed(){

//找到div

var div = document.getElementById("div1");

div.style.backgroundColor = "red";

}