用一篇文章总结Javascript

JS是由以下三个组成部分,下面我也会按这三个部分依次总结,只需掌握这些基本语法,再学会如何查JS文档,基本上就差不多了,不要强记,用的时候不记得都在文档里了,多动手敲敲自然就熟透于心啦!文末有JS文档下载链接,最好备一个。

  • ECMAScript:js基础语法
  • BOM:浏览器对象模型
  • DOM:文档对象模型

一,ECMAScript基础语法

变量声明 :
var 变量名=初始化值;

数据类型:
1.原始类型

  • Undefined Null
  • String
  • Number
  • Boolean:伪对象

    通过typeof运算符可以判断出属于那种原始类型
    typeof 值|变量

2.引用类型

  • Boolean
  • Number
  • String

            常用属性:length
            常用方法:
                substring
                split
                replace
    
  • Array
    常用属性:length
    注意:
    array长度可以变化
    array可以存放任意值

  • Math
  • Date
  • RegExp
    常用方法:test()
    直接量语法:
    /正则表达式/

全局
decodeURI 解码
eval 计算字符串,解析成js代码执行
运算符:
关系运算符
等性运算符 == ===
语句:
选择 循环


2.BOM(浏览器对象模型)

window:窗口
    常用属性:
        获取其他的四个对象
            window.location....
    常用方法:
        消息框
            alert confirm prompt
        定时器
            setInterval 周期
            setTimeout 延迟
        打开关闭 
            open close
location:定位
    location.href:设置或者获取url
history:历史
    go()

///////////////////////////////
事件和函数
掌握的事件:
焦点:
onfocus
onblur
表单事件
onsubmit
onchange 改变
页面或者元素加载
onload
最常用的方式:
window.οnlοad=function(){};
单击
onclick
函数:
方式1:
function 函数名(参数列表){
函数体
}
方式2:
匿名函数
例如:window.οnlοad=function(){};

事件绑定函数:
方式1:通过元素的事件属性
若参数为this:是将当前的dom对象传递给了函数
方式2:派发事件
dom对象.onxxx=function(){};


3.DOM(文档对象模型)
就是我们的html代码加载到内存中会形成一棵document树
节点:
文档节点 document
元素节点 element
属性节点 attribute
文本节点 text
获取一个元素节点:通过document获取
四个
操作元素的属性
dom对象.属性
操作元素的标签体
dom对象.innerHTML

你可能感兴趣的:(前端学习)