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

客户端技术 js
javaScript
jquery对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>标签后再执行。如果有多个延迟脚本，并不会照顺序执行，最好包含一个延迟脚本，并且将其放在页面最底部，用于外部引入的js


parseFloat(first)转为数字
isNAN 判断是否为非数字
返回true 非数字
false  数字

！null==true  但是null！=false
null==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可以用来表示一个空对象，但是没必要把一个变量的值显式的设置为undefined

Boolean类型
该类型只有两个值 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;        //31250000
2 数值范围
如果某次运算超过了JavaScript数值范围 将会返回Infinity正无极或者-Infinity负无极使用isFinite()函数可以判断参数是否存在最大值和最小值 如果在返回true
非数值NaN
    该数值表示一个本来要返回值的操作数为返回数据的情况
任何设计NAN的操作都会返回nan
nan与任何值都不相等 包括nan本身
isnan判断参数是否 不是数值 当参数para不是数值的时候返回true

isNaN(NaN);         true
isNaN("blue");      true
isNaN(10);          false
isNaN("10");        false
isNaN(true);        false
1、默认情况下 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");
        不会当作八进制解析 结果为10

parseInt()
    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(节点）；