day3

javascript的组成

javascript由三个部分组成
1.语法标准 ECMAScript
2.文档对象模型 DOM
3.浏览器模型 BOM

Dom模型需要依赖语法 ECMAScript， BOM包含了DOM

在标签内部在js代码
javascript: 指的是需要执行一个js的动作
alert(“”) 系统弹出窗

内嵌
在html文档中任意一个位置 创建script标签，然后在script标签中 写js代码

实现一个效果：
一打开页面，弹出窗口

外部js
创建一个外部的js文件，把js代码在js文件中编写。
在需要运行这个js代码的html文档中，通过标签

代码

JavaScript语法—ecmascript

javascript的语法和java大部分都是类似的。
有变量，有数据类型，有数组、有方法、函数、循环、 if。
1.变量
javascript是一门弱类型的语言。声明变量统一使用var 关键字声明。最后变量的类型是取决于值的类型
声明变量的方式：
1. var a = 10;
2. b= 11; 不是太推荐，因为可读性不强。容易出错误。
.2.数据类型
在js中。数据类型有以下几个常见的类型
可以通过方法 typeof() 提示出 变量的数据类型。
还可以通过方法 console.log() 把结果输出在控制台上。
1.数字 number
2.字符串 string
3.布尔类型 boolean
4.未定义 undefined
5.对象、数组 object

3.运算符
算术运算符 +、-、*、/、 %、++、–
逻辑运算符 &&、 ||、 !
比较运算符 >、 <、 、**=**、 >=、 <=、 !=
条件运算符 表达式?值1:值2
赋值运算符 += -= *= /= %=

5.数组
js中数组的特点：
1.长度可以变化
2.可以存放任意类型的数据，更像是java中的集合

6．循环结构
java中的循环结构 for 、增强for、while、do-while

js这些都有，但是增强for 和 java的写法以及用法都有区别.

js中的函数
函数具体可以分为两种： 系统函数 自定义函数

系统函数: 语法提供函数，js已经写好的，可以直接使用的。
目前用到的有以下几个系统函数
1. alert() 弹出窗口
2. document.write() 在页面输出内容
3. typeof() 显示变量的类型
4. console.log() 在浏览器控制台显示结果

还有其他一些比较常用的函数
indexof() 显示指定字符在字符串中的位置. 参数是需要比较的字符，返回值是一个下标。

存在字符，返回字符的所在位置，不存在返回-1；

prompt() 输入框
parseInt() 把字符串转换成整数
parseFloat() 把字符串转成小数

什么是事件

JavaScript 使我们有能力创建动态页面。事件是可以被 JavaScript 侦测到的行为。 网页中的每个元素都可以产生某些可以触发JavaScript函数的事件。比方说，我们可以在用户点击某按钮时产生一个 onClick 事件来触发某个函数。事件在 HTML 页面中定义

文档对象模型(重中之重)

文档对象模型（Document Object Model，简称DOM），是W3C组织推荐的处理可扩展置标语言的标准编程接口。它是一种与平台和语言无关的应用程序接口(API),它可以动态地访问程序和脚本,更新其内容、结构和www文档的风格(目前,HTML和XML文档是通过说明部分定义的)。

我们可以通过dom模型来操作html页面上每一个元素(标签、属性、文本等等)，实现对其访问(获得html元素)，修改内容，动态创建html元素，还可以删除html元素。

文档对象模型怎么来的？
文档对象模型是通过html解释器解释html文档时，动态生成的。文档对象模型是存放在内存中。这个文档对象模型比较抽象。一般会通过另一个模型图描绘这个文档对象模型。

查找元素
查找元素，顾名思义，访问元素。

文档对象模型中对于访问元素提供了以下四种方法.
document.getElementById(); 根据id获取html文档中唯一的一个元素(标签); 返回单个对象
document.getElementsByClassName() ; 根据class值获取对应的元素。返回值是一个数组
docuemnt.getElementsByTageName(); 根据标签名获取对应的元素，返回值也是一个数组
document.getElementsByName(); 根据name值获取对应的元素，返回值也是一个数组.

修改元素
如果需要修改元素，需要先获取这个元素。

对于表单控件,都可以用value属性,对于非表单控件,可以用innerHTML
INPUT标签都有value属性,但都没有innerHTML属性,所以只能用value
SELECT标签和OPTION标签,即有value属性也有innerHTML属性,但是一个是取回值,一个是取回文本,这两个可能相同也可能不同,具体要看你想要哪个值.
TEXTAREA标签也没有innerHTML属性,有value属性和innerText属性.