码迷,mamicode.com
首页 > 编程语言 > 详细

javascript总结

时间:2017-05-07 14:55:23      阅读:127      评论:0      收藏:0      [点我收藏+]

标签:浏览器   url   test   node   oca   dom   打开   表达式   eval   

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="..";设置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总结

标签:浏览器   url   test   node   oca   dom   打开   表达式   eval   

原文地址:http://www.cnblogs.com/zangsan/p/6820616.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!