浏览器端技术js的周末总结

客户端技术 jsjavaScriptjquery对js的封装1、动态效果页面2、在客户端完成数据有效性验证 不要交给服务器端3、修改css中的属性直接调用<script type="text/javascript>    //参数是形参 只要是合法的标识符就ok    不需要指定的数据类型    //btn代表的是input的元素标签    function mybutton(btn){        var msg = btn.value;        //声明变量不需要数据类型 所有类型都是var        赋值的时候决定变量类型        if(msg=='stop')            msg='start'        else msg='stop'"    }<script>嵌入式  包含外部js文件onclick="javascript" src="first.js"charset="UTF-8"></script>//不要再<script>中填写其他代码  否则会被忽略//标签head中 等到全部js代码都被下载 解释和执行完成后才能开始呈现页面的内容可将代码引用放到body元素放到内容后面//延迟脚本defer=“defer” 延迟至浏览器 遇到</html>标签后再执行。如果有多个延迟脚本，并不会照顺序执行，最好包含一个延迟脚本，并且将其放在页面最底部，用于外部引入的jsparseFloat(first)转为数字isNAN 判断是否为非数字返回true 非数字false  数字！null==true  但是null！=falsenull==undifined但是不相同==判断两个数是否相等 只判断两个值是否相等===判断两个数是否相同先判断两个数数据类型是否相同如果数据类型不同，那么这两个数就不相同如果数据类型相同  在判断两个数据类型是否相同数据类型      1、ECMAScript不支持自定义类型，只有6种数据类型    5种基本数据类型 简单数据类型    undefined 未定义的    Null 空引用数据类型    Boolean 布尔类型    Number 数字类型    String 字符串类型    1中引用数据类型  复杂数据类型     Object 本质由一组无序的键值对组成        var peoson = new Object();        person.name = "sd";    2typeof操作符  返回该变量名所指的数据类型    语法   typeof 变量名    取值如下    undefied   未定义                boolean     布尔类型                string      字符串                number      数值                object      对象 或者null                function    函数    3、基本数据类型        Undefind            该类型只有一个值undefied 对未声明和初始化的变量执行typeof操作符执行typeof都返回undefind        Null类型            该类型只有一个值null            null可以表示一个空对象的指针            var car = null；        如果一个变量准备将来保存对象，可以将该变量初始化null而不是其他，这样可以检查null值就可以知道响应的变量是否已经保存了一个对象的引用        实际上undefined派生自null值 undefined==null结果为true        null和undefined用途不同，null可以用来表示一个空对象，但是没必要把一个变量的值显式的设置为undefinedBoolean类型该类型只有两个值 true false 虽然boolean类型的取值只有两个，但是ECMAScript中所有类型的值都有这两个Boolean等价的值Number 该类型用来表示整数和浮点数表示方法1、整数    十进制数： 55    0~9                八进制数： 首位为0,其他位为（0~7 如果字面值超出了范围，前导0将会被忽略）                    070 （表示 7*8一次方 =  56）                    079 （超过了范围，表示79）                十六进制： 前两位为0x，其他位为(0~9，A~F)            2. 浮点数                所谓浮点数值，就是该数值中必须包含一个小数点，并且小数点后必须至少有一位数字。浮点数值的最高精度是17位小数。                    例如： var f = 1.2;                科学计数法：e                    var e = 3.125e7;        //312500002 数值范围如果某次运算超过了JavaScript数值范围 将会返回Infinity正无极或者-Infinity负无极使用isFinite()函数可以判断参数是否存在最大值和最小值 如果在返回true非数值NaN    该数值表示一个本来要返回值的操作数为返回数据的情况任何设计NAN的操作都会返回nannan与任何值都不相等 包括nan本身isnan判断参数是否 不是数值 当参数para不是数值的时候返回trueisNaN(NaN);         trueisNaN("blue");      trueisNaN(10);          falseisNaN("10");        falseisNaN(true);        false1、默认情况下 ECMAScript会将小数点后带有6个 零以上的浮点数转化为科学技术法2、在进行算数计算时，所有八进制十六进制表示的数值都会被转换为十进制数值3、保存浮点数需要的内存是整数的两倍，因此ECMAScripe会不失时机地将浮点数转化为整数4、避免测试某个特点是浮点数值，是使用IEEE754数值的浮点计算的通病。String 该类型表示由零个或者多个16位Unicode字符组成的字符序列，即字符串。字符串可以由双引号或者单引号表示    字符字面量    \n 换行    \t 制表    \b 退格    \r 回车    \\ 斜杠    \' 单引号    \" 双引号    字符长度        通过length获取字符串长度Object    ECMAScript中的对象其实就是一组数据和功能的集合    对象可以通过执行 new 对象类型 来创建        var o = new object();    Object类型是所有它的实例的基础，Object类型所具有的任何属性和方法 同样存在于更具体的对象        constructor        保存用户创建当前对象的函数        hasOwnProperty(propertyName)        用于检查给定的属性是否存在当前的对象实例中        toLocaleString();        返回对象的字符串表示，该字符串与执行环境的地区对应        toString(）        返回独享的字符串表示        valueof()        返回对象的字符串 数值 布尔值的表示类型转换    1、其他数据到boolean类型转换    Boolean      true        false    String      非空字符串     ""     Number     任何非0            0和NAN     Object     任何对象        null     Undefined  n/a             undefined    not application不适用    Boolean("")     //false    Boolean("0")        //false    Boolean(NaN)        //false    Boolean(null)       //false    Boolean(undefined)      //false    Boolean("briup")        //true    Boolean(1)      //true    其他数据类型到数值类型转换    Number()        1、如果转换的值是null、undefined，boolean、number        Number(true);       //1        Number(false);      //0        Number(null);       //0        Number(undefined);      //NaN        Number(10);     //10        如果是数字值，原样输出    2、如果是字符串        Number("234");        //仅包含数值 转换为对应的数值        Number("+12.3");//        首位为符号位，其余为数值，转换为对应的数值        Number("1+2.3");//NAN        符号位出现在其他位置 解析为NAN        Number("0xa");        如果仅包含十六进制格式，转换为对应的十进制值        Number("010");        不会当作八进制解析 结果为10parseInt()    1、如果转换的值是null、undefined、boolean、number    parseInt(true)    //NAN    parseInt(false)   //NAN    parseInt(null)   //NAN      parseInt(undefined)   //NAN     parseInt(10)   //10     parseInt(10.3)      //10    其他数据类型到字符串的类型转换        tostring函数        默认情况下tostring是以十进制格式返回数值的字符串表示，通过传递参数 可以输入以二进制八进制十六进制 乃至任意有效进制格式的字符串值        null.toString   报错        ubdefined.toString 报错        String（）  构造函数            String(null)  "null"            String(undefined)  "undefined"表单验证   验证邮箱正则表达式来验证一个表达式是否合法    javaScript中正则表达式的对象RegExp    1、对象法    2、量词法    input框修改用value    非input用innerText    document对象 代表窗口中显示的html文档        三个重要函数        document.getElementById通过元素id去得到这个元素        document.getElementByName通过元素的name值获取页面        document.getElementByTagName()通过元素的标签名称获得页面中所有指定标签额元素对象的集合    窗口的打开和关闭        window.open(url,name,config);        window.close();        var win = window.open(url,name,config);        win.close();        对话栏        状态栏 window.status="hello";    Dom节点的方法        childNodes子节点，数组 不同的浏览器效果不同，        nodeType节点类型，所有浏览器都适用            返回1是元素节点            返回3是文本节点        children 只包含元素不包含文本        所有浏览器都使用        parantNode 父节点    首尾节点：firstChild IE6-8使用的除去第一个空白字符    firstElementChild更高级版本使用的    lastChild 包含后面的空白字符    lastElementChild 不包含后面的空白字符    nextSibling    nextElementSiling    previousSibling    previousElementSibling    操作元素属性    第一种  oDiv.style.display='block';            oDiv.style.color            oDiv.style.fontsize    第二种 oDiv.style['display']=    第三种 Dom方式 很少用        setAttribute('value','edas');        第一个参数是属性的名字        第二个参数是属性的值        removeAttribute(名称);        getAttribute(名称）;    Dom操作和应用 例如ul中添加li    创建Dom元素        createElement(标签名）        appendChild(节点）        赋值 innerHTML=input.value            innerText=    插入元素        insertBefore(newChild,refChild);    删除元素        removeChild(节点）；