JS总结：

JS总结：

·解释性语言：如同php、JavaScript解释后可直接运行。

  编译性语言：如同C++解释后需编译成机器语言才可执行。

·变量作用域：全局、局部（函数内）

·Js代码执行流程：通常按照html文档流程执行，但是会优先执行函数，在函数内直接使用的声明变量会设置为undefind。

·Js八大数据类型：基本数据类型：undefined、null、bollean、number、string

                  对象数据类型：array、object、function

·数组：获得数组：var arr = 【】； 或者 var arr = new array（）；

        arr.push()追加项目

        arr.toString()转换成字符串形式

        var i； for（i in arr）{arr【i】} 遍历数组

 

·对象：获得对象：new object（） 或者 通过函数构造器，运用new调用函数实例化成对象 或者 json

        floor 向下取整 ceil 向上取整 round 四舍五入

        随机点名：下标用random取随机数

        数字时钟：var myDate = new Date（）获取时间对象

                  myDate.getFullyear() 获取年数

                  myDate.getMonth()+1 获取月份

                  myDate.getMinutes() 获取分钟数

                  setInterval（‘函数名’，毫秒数）函数执行间隔时间

·函数：函数是一个值，用变量来保存，函数名即变量名。

        函数作用域从最低级往上一级查找的过程。

        函数的参数：arguments【】是一个参数组成的数组，可以利用这个数组方法来根据下标求函数        参数的总和。

        confirm（）确认提示 prompt（）执行提示（输入值会自动传递） alert（）和windows.alert        相同为警示。

        eval（）函数方法可以将字符串转化为表达式运行。

        input表单中，text、password类型用value，标签p、span等用innerHTML赋值。size表示框子        所占像素大小。

    

·简易计算器：见下一个作业。

个人总结JavaScript正则笔记：

·正则表达式是一种规则，用来验证字符数并帮助我们检索或替换所需的字符串。

 

·正则表达式需要其他编程语言支持。

·Js通过Regexp（）来操作正则功能。

·new regexp（正则表达式|模式修正符）

  快捷语法： /正则表达式/模式修正符

  常用方法：test()判断是否含有符合正则的字符串并返回布尔值。

            exec()直接返回并列出null或符合正则的字符串。

·表示字符集：[a-z] [A-Z] [0-9] [za] [\u4e00-\u9fa5]

              开头结尾用 ^ $ 表示  或者关系用 |

              换行符 \n  转义符\ 

              \w所有字母数字下划线  \d 所有数字 \s 空格 \b 边界  \W \D \S \B 与相对应相反

·表示字符数量：｛｝   表示是数量范围 

                 {最小数量，最大数量} ｛1，6｝最少1次最多6次

                ｛1，｝  表示1到正无穷

                ｛ ，5｝ 表示最多5个

                ｛6｝  表示6次

                 *  0次或多次  任意多

                 +   表示最少1次（1次或多次）

                 ? 0 次或1次

·分组的使用：在正则表达式中，我们通过()将表达式分成若干部分，在通过RegExp对象的exec将匹配              的结果以数组的形式返回

              下标为0 的数组 返回的是 整个正则表达式匹配的结果

              下标为1数组，返回的是第一个分组匹配的结果

·模式修正符：/正则表达式/模式修正符

              i   ignoreCase  忽略大小写

              g  global 全局匹配

              m  multiline 多行匹配

              正则默认情况，一个字符串就是一行，即使换行符（\n），也会当作一行来执行，单行              模式能够

              在js代码中，我们通过\n 来换行

              在前台页面，通过<br/>利用字符串处理正则表达式

·字符串对象的方法处理正则表达式：Match()  将正则匹配的结果输出

                                  Replace()  根据正则匹配的结果，进行字符串替换

                                  Split() 字符串拆分，根据分隔符将字符串进行拆分

                                  

·验证用户密码:  var reg = /^[a-z_]\w{7,19}$/i;

                                 

·验证身份证：var reg = /\d{17}(X|Y)/

·验证email：var reg = /\w+@\w+\.(com|net|cn|gov|org|tv)/;

·验证手机号码：var reg = /^1(3|5|8)\d{9}$/;

·事件：Js中一些方法可以让网页“动起来”。

 

·一般事件：修改DOM的样式属性用驼峰法，如：fontSize、backgroundColor。

            onfocus 获得焦点。

            onblur 失去焦点。

            onchange 表单中文本框和下拉列表的值改变的时候可以做出相应的事件。

·onload事件：整个文档加载的时候所触发的事件。

              setInterval（） 每间隔一段时间调用一次函数

              setTimeout（） 在间隔一段时间后才调用某个函数方法。

              将setTimeout（）放入函数内部调用可以起到与setInterval（）相同的效果。

              浏览器状态栏赋值：window.status = '';

              <div><p><span>等标签没有值，直接写入即可。

              

·鼠标事件：onmouseover：鼠标移入 onmousiout ：鼠标移出

            dom方法操作css时运用驼峰法：style.backgroundColor。

            普通css操作用原型： background-color。

            

·键盘事件：onkeyup：按键弹起时相应一定的事件。onkeydown：按键按下时相应一定的事件。

            <textarea>标签属性 disabled = 'disabled'禁用文本框。 

·表单事件：onsubmit：提交表单时相应一定的事件。

            onreset：重置表单时相应一定的事件。注意：两个事件应写入<form>标签中。

            return fun（）{}； return false；禁止程序进行。

·css选择器：用来找到某个元素的机器。 如：#main 。。。用来找到id为main的元素。

·选项卡：div（main）包含：div（head）、div（content）。

                           div（head）包含：<ul><li>。

                           div（content）包含：<p>。

                           li属性：onclick、style。

                           p属性：style=‘display：none’或display：block；。

                           利用for循环遍历每一个li元素并改变他们的颜色，遍历每一个p来控制p的display属性。

                           利用Js的函数参数传递鼠标值。                  

·DOM概念：文档对象模型 document object model 将所有的ml文档转化成js可以操作的对象。

 

·结构：html分为head和body两个节点。

  

·组成：元素节点、属性节点、文本节点

·元素节点：获得方法 document.getElementById  document.getElementsByName             document.gerElementsByTagName.

·属性节点：获得方法 getAttribute 修改方法 setAttribute

·文本节点：获得方法 textNode

·增删改：document.createElement document.createTextNode appendChild firstChild lastChild

·mop的图片新闻自动切换：项目需求：

     图片切换

     定时器

//实现图片动态切换

//声明一个计数器

var count = 1;

function changePic(){

var img = document.getElementById('img');

if(count ==8){

count = 0;

}

img.src = ++count+'.jpg';

}

     鼠标移入到图片上时，停止切换图片；鼠标移除时继续切换

 Onmouseover事件，onmouseout事件，清除定时器

function start_chan(){

interId = setInterval("changePic()",1000);

}

function stop_chan(){

clearInterval(interId);

}

     序号和对应的图片同时显示

 

     鼠标移入到序号上时，当前序号高亮显示，同时显示对应的图片，停止切换图片