基于对象和事件驱动的解释性脚本语言
js的组成
ECMAscript js的标准和核心
DOM 文档对象模型
BOM 浏览器对象模型
js的特性
基于对象 事件驱动 解释性 跨平台
js的引入方式
行间引入 在开始标签上加js 结构和行为不分离
内部引入 把js脚本写在script标签中 script可以写任意多个 也可以放在任意位置
建议放在body的末尾
外部引入 在外部创建js文件 用script标签的src引入 是不允许在这个script里面再写js代码
变量的命名规则
包含数字 字母 下划线 $ 但是不能以数字开头
见名知意 使用驼峰命名
不要重名 重名会覆盖
不能使用关键字和保留字
获取标签的三种方式
id
document.getElementById("id名")---获取的是具体的某个标签
class
document.getElementsByClassName("class名")----获取到的是集合 集合名[下标]
父元素.getElementsByClassName 只获取父元素下的对应标签
标签名
document.getElementsByTagName("标签名")----获取到的也是集合
父元素.getElementsByTagName 只获取父元素下的对应标签
绑定事件
标签.事件类型 = function(){ 要执行的代码 }
onclick
ondblclick
onmouseover/onmouseenter
onmouseout/onmouseleave
onmousemove
onmousedown
onmouseup
oncontextmenu
a is not defined