首页 > 代码库 > javascript总结

javascript总结

js:javascript 脚本 直接解释就可以
    js和html整合:
        方式1:在html页面中
            <script></script>
        方式2:外部的js文件
            <script src=""></script>
    js组成部分:
        ECMAScript:语法
        BOM:浏览器对象模型
        DOM:文档对象模型
    
基础语法:
    var 变量名=值;
数据类型:
    原始类型
        Undefined Null String Number Boolean
        通过typeof判断属于那种类型
    引用类型
        Number Boolean
        ★String
            属性:length
            方法:
                substring
        ★Array
            属性:length
            方法:
                join(分隔符):打印数组
        Math
        Date
        RegExp
            直接量语法:
                /正则表达式/
            方法:
                test()
        全局
            decodeURI
            encodeURI
            
            eval()
////////////////////////
函数:
    function 函数名(参数列表){
        函数体
    }
    
    匿名函数:
        function(){....}

事件:
    常见事件:
        焦点:
            onfocus
            onblur
        表单:
            onsubmit
            onchange
        页面元素加载
            onload
        单击
            onclick
绑定事件:
    方式1:通过标签的事件属性
        <xxx onxxx="函数(参数)"/> 参数若是:this 将当前的dom对象传递给函数
    方式2:派发事件
        dom对象.onxxx=function(){...}
///////////////////////
bom
    window:窗口
        常用属性:
            window.location
            //////
        常用方法:
            消息框
                alert() confirm() prompt()
            定时器
                setInterval()
                setTimeout()
            打开关闭 open close
    location:定位
        location.href;获取当前的url
        location.href="http://www.mamicode.com/..";设置url 相当于a标签
    history:历史
        go()
/////////////////////////
dom
    节点(Node)
        元素节点
        属性节点
        文本节点
        
        文档节点
    获取其他节点
        document.getElementById("id值"):一个元素
        document.getElementsByTagName("标签名"):多个
        document.getElementsByClassName("class值")
        document.getElementsByName("name值")
    操作属性
        dom对象.属性:
            例如  
                dom对象.value;
                dom对象.value="";
                dom对象.style.css属性="值";
    操作标签体:
        dom对象.innerHTML;获取
        dom对象.innerHTML="";设置

javascript总结