一、JavaScript简介
JavaScript是一种弱类型的脚本编程语言,JavaScript由三部分组成:ECMAScript、DOM、BOM;
ECMAScript:规定了JavaScript的基本语法、数据类型;
DOM(Document Object Model):文档对象模型,主要用于操作HTML元素;
BOM(Browser Obect Model):浏览器对象模型,用于对浏览器进行操作;
二、JavaScript的数据类型与变量
1.JavaScript的数据类型:string、boolean、number、null、undefined、object;
2.虽然JS中规定了六种数据类型,但在声明变量时不必指明变量的类型,直接如下定义即可:
var 变量名=变量值;
eg: var s ="hello JavaScript";
var a=5;
var flag=true;
注:对于未声明的变量和只声明了变量未赋值得变量的类型均为undefined;
3.判断变量的数据类型的方法: typeof(变量名);
注:判断数据类型时使用typeof并不总是有效,还可以使用instanceof关键字,如:对象 instanceof Array;
三、函数
自定义函数的声明方式:
function 函数名(参数...){
//函数代码;
}
调用函数的方法:函数名(参数...); 注:函数也是一个对象
四、DOM操作HTML
可以通过document获取HTML里的元素节点(HTML标签),成为DOM对象,即DOM对象可以理解为指代HTML标签;
1.document常用方法
getElementById("id值"):通过元素的ID值,获取该元素节点(DOM对象);
getElementsByName("name值"):通过元素的name属性值获取一组元素;
getElementsByTagName("tag名"):通过元素的标签名获取一组元素;
2.DOM对象的常用方法
setAttribute("属性名","属性值"): 获取dom对象后,通过属性名设置dom对象的属性值;
getAttribute("属性名"):获取dom对象制定属性名的属性值;
3.DOM对象的属性
DOM对象的innerHTML属性代表DOM对象所对应的HTML元素包含的HTML内容;
注:DOM对象的其他属性与html元素的属性相对应。
4.JS的鼠标触发事件: