回顾
js
组成部分
ECMAScript
BOM
DOM
变量声明~~ var 变量名 = 初始化值;
数据类型
原始类型
undefined null String Number Boolean 伪对象
可以通过typeof运算符 可以判断是哪种数据类型 string
typeof 值|类型
引用数据类型:
Boolean
Number
String
常用属性:length
常用方法:substring split replace
Array
常用属性:length
Array长度可变,可以存任意的值
Math:
Date:
RegExp:
常用方法:test()
//正则表达式~~
全局变量:
decodeURI:解码
eval:计算字符串 (解析js代码)
运算符:
关系运算符: 等值运算符 ==(数值相等) ===(类型及值) 语句:
分支 循环
-----------------------------------------------------------------------BOM:浏览器对象模型
window窗口
常用属性:
获取其他四个对象:1)window.location 常用方法:
消息框:alert() confirm() prompt()
定时器:setInterval() 周期
setTimeout 延迟
打开 关闭
open() close()
location:
定位:通过 location.href="url"~~~~ 设置链接
history:历史记录 跳转窗口 前后
go(-1)
-----------------------------------------------------------------------
关于事件和函数:
需要掌握的事件:
焦点: onfocus(); onblur()
表单: onsubmit(); onchange()(二级联动的时候用到)
页面加载元素:onload
常用方法:
window.onload = function(){}
点击事件:
onclick()
函数:
方式一:function 函数名(参数列表){ 函数体 }
方式二:匿名函数:
例如:window.onload = fucntion(){}
事件绑定:
第一种:通过元素给事件属性
<XXX onxxx="函数名(参数)"></XXX>
若函数中出现this:当前 dom对象传给参数
第二种:
dom对象.onXXX = function(){}
------------------------------------------------------------------------
DOM:文档对象模型
html标签加载到内存中会形成dom树
节点:
文档节点: document
元素节点: element
属性节点: attribute
文本节点: text
获取节点通过document
对于节点属性进行操作:
document获得对象.属性
操作元素标签体
document获得对象.innerHTML