JavaScript的初步学习，JS的数据类型与变量，函数，DOM操纵HTML，BOM操作浏览器

一、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元素的属性相对应。