javascript总结

一 js简介1 js组成   1 ECMAScript     BOM(浏览器对象模型)     DOM(文档对象模型)2 js 引人方式内嵌脚本   (1)内嵌脚本      <input type="button" value="button" onclick="alert('xxx')" />   (1)内部脚本      <script type="text/javascript">                alert("xxx");       </script>   (1)外部脚本      首先先创建一个js文件            其次在html中引入                <script type="text/javascript" src="demo1.js"></script>二 js基本语法   1 变量     (1) var x = 5; x = ‘fefe’; x = true;      (2) x = 6;     (3) 变量名第一字符必须是字母、下划线(_)或美元符号($)余下可以是下划线、美元符      号、字母、数字。   2 原始数据类型     (1)number:数字类型     (2)string:字符串类型     (3)boolean:布尔类型     (4)null:空类型     (5)underfind:未定义     类型转换     Number/boolean转成字符串  toString()默认模式  toString(2 8 16)基模式     String/boolean转成number  boolean不能转换 parseInt()  parseFloat()         parseInt(“010”)  8    parseInt(“010”, 10) 10     强制转换      Boolean()  空字符串、0、undefined、null为false  其他true       Number()  false null 为0   undefined、对象、不规则字符 NaN   3 引用数据类型     var obj = new Object();   4 运算符     (1)赋值运算符  =     (2)算数运算符 + - * / %            +: 遇到字符串变成连接            -：先把字符串转成数字然后进行运算            *: 先把字符串转成数字然后进行运算            /: 先把字符串转成数字然后进行运算      (3)逻辑运算符  && || !     (4)比较运算符 <  >  <=  >=   !=   ==  ===类型和值      (5)三元运算符    3<2?"大于":"小于"     (6)void运算符     <a href="javascript:void(0);">xxxxxx</a>     (7)类型运算符   typeof    instanceof   5 逻辑语句       (1)if-else            //条件:            //数字非0 字符串非空====true                if(9){                    alert("true--");                }else{                    alert("false--");                }        (2)switch            var x = "java";            switch(x){                case "css":                    alert("css");                    break;                case "js":                    alert("js");                    break;                case "java":                    alert("java");                    break;                default:                    alert("def");            }        (3)for             for(var i = 0;i<5;i++){                alert(i);             }        (4)for in            var arr = [1,3,5,7,"js"];             for(index in arr){//index代表角标                //alert(index);                alert(arr[index]);             }三 JS内建对象   1 Number      创建方法  var myNnm = new Number(value)  var myNum = Number(value)      属性方法  toString()    valueOf()   2 Boolean      创建方法  var bool = new Booleanr(value)  var bool = Boolean(value)      属性方法  toString()    valueOf()   3 String      创建方法  var str = new String(value)  var str = String(value)      属性 length      方法 charAt()  charCodeAt()  indexOf()  lastIndexOf()  split()           Substr()   substring()    4 Array      创建方法      Array()  空字符串   Array(size) 指定长度  Array(element0, ) var arr=[] [1,”srt” ]      属性方法 length  join()  pop()  push()  reverse()  sort()   5 Date       创建方法  var myDate = new Date()  var myDate = new Date(毫秒值) 1970-1-1      属性方法  getFullYear()  getMonth()月 0-11 getDate()1-31  getDay()星期 getTime()      toLocalString()  获得本地时间格式的字符串          6 Math         创建方式：               Math 对象并不像 Date 和 String 那样是对象的类，因此没有构造函数           Math()，像 Math.sin() 这样的函数只是函数，            不是某个对象的方法。您无需创建它，通过把 Math 作为对象使用就可以调        用其所有属性和方法。        属性和方法            PI：圆周率            abs():绝对值            ceil():对数进行上舍入            floor():对数进行下舍入            pow(x,y)：返回 x 的 y 次幂            random():0-1之间的随机数            round():四舍五入  7 RegExp    创建方式   var reg = new RegExp(pattern)   var reg = /^正则表达式$/四 js的函数    1 js函数定义的方式      (1)普通方式          语法：function 函数名（参数列表）{函数体}          示例：              function method(){                    alert("xxx");                }                method();                (2)匿名函数          语法：function(参数列表)｛函数体｝          示例                 var method = function(){                    alert("yyy");                };                method();      (3)对象函数          语法 new Function(参数1， 参数2......，函数体)               参数名称          示例          var fn = new Function("a","b","alert(a+b)");          fn(2,5); 2 函数的参数  (1)形参没有var修饰  (2)形参和实参个数不一定相等  (3)arguments对象是个数组，将传递的实参封装3 返回值    (1)在定义函数的时候不必表明是否具有返回值    (2)返回值仅仅通过return关键字就可以了 return后的代码不执行        function fn(a,b){            return a+b;            //alert("xxxx");        }        alert(fn(2,3));4 js全局函数    (1)编码和解码            encodeURI()   decodeURI()            encodeURIComponet()   decodeURIComponent()            escape()    unescape()            三者区别：                进行编码的符号范围不同吧，实际开发中常使用第一种    (2)eval()方法             将字符串当作脚本进行解析运行            //var str = "var a=2;var b=3;alert(a+b)";            //eval(str);            function print(str){                eval(str);            }            print("自定义逻辑");五 js事件   1 js常用事件     Onclick: 点击事件  onchangea:域内容被改变事件  onfocus:获得焦点的事件 onblur:     失去焦点事件   onmouseover 鼠标悬浮事件  onmouseout:鼠标离开事件 onload:加载      完毕事件。等到页面加载完毕在执行onload事件所指向的函数   2 事件的绑定方式        (1)将事件和响应行为都内嵌到html标签中            <input type="button" value="button"  onclick="alert('xxx')"/>        (2)将事件内嵌到html中而响应行为用函数进行封装            <input type="button" value="button" onclick="fn()" />            <script type="text/javascript">                function fn(){                    alert("yyy");                }            </script>        (3)将事件和响应行为 与html标签完全分离            <input id="btn" type="button" value="button"/>            <script type="text/javascript">                var btn = document.getElementById("btn");                btn.onclick = function(){                    alert("zzz");                };            </script>        ****this关键字            this经过事件的函数进行传递的是html标签对象   3 阻止事件的默认行为     IE: window.evnet.returnValue = false;     W3c: 传递过来的事件对象.preventDefault();   4 阻止事件的传播     IE：window.event.cancelBubble = true;     W3c: 传递过来的事件对象.stopPropagation();六  js的bom1 window对象   提示框：alert(“提示信息”)   确认框：confirm(“确认信息”) 返回值 确认返回true 取消返回false   输入框：prompt(“提示信息”)  返回值 确认返回输入框文本 取消返回false   open方法：window.open("url地址");    定时器：setTimeout(函数,毫秒值)；  clearTimeout(“定时器名称”)；   SetInterval(函数,毫秒值)；   clearInterval(定时器名称)2 location   Location.href = “url地址”;3history    Back():  forward():   go()七、js的dom    1、理解一下文档对象模型        html文件加载到内存之后会形成一颗dom树，根据这些节点对象可以进行脚本代       码的动态修改        在dom树当中 一切皆为节点对象    2、dom方法和属性        笔记见代码