JavaScript理论基础3

1.JavaScript事件

发生在HTML元素上的事情（浏览器行为或用户行为）
HTML事件：
HTML页面完成加载
HTML input字段改变时
HTML按钮被点击
HTML 元素中可以添加事件属性，使用JavaScript代码来添加HTML元素
例：
①<button onclick="getElementById('demo').innerHTML=Date()">现在是几点钟</button> <p id='demo' ></p>
②<button onclick="this.innerHTML=Date()">现在的时间是?</button>#修改自身元素
常见的HTML事件：
onchange HTML元素改变
onclick 用户点击HTML元素
onmouseover 用户在一个HTML元素上移动鼠标
onmouseout 用户在一个HTML元素上移开鼠标
onkeydown 用户按下键盘按键
onload 浏览器已经完成页面加载
执行JavaScript事件代码的方式：
HTML事件属性可以直接执行JavaScript代码
定义函数，然后调用JavaScript函数
为HTML元素指定自己的事件处理程序
阻止事件的发生。

2.JavaScript字符串

字符串的索引从0开始，第一个字符索引值为[0],第二个为[1],以此类推。
在字符串添加转义字符\来使用引号：
var name = “She is called “time””;
内置属性 length 可以计算字符串的长度：
var txt = “ABCEDERF”;
var chang = txt.length;
常见的转义字符：
’ 单引号
" 双引号
\ 反斜杠
\n 换行
\r 回车
\t tab(制表符)

3.JavaScript运算符
= 赋值 + 加法 % 取模 ++ 自增 --自减

+= 等同于x=x+y -= 等同于x=x-y /= 等同于x=x/y
可以把空格插入表达式中增加空格
tx1 = tx2+" "+tx3
数字与字符串相加，返回字符串
数字与字符串相加，结果将成为字符串

4.JavaScript比较运算符和逻辑运算符
比较：
== 等于 ===绝对等于（值和类型） !=不等于 !==不绝对等于
<小于 >大于 >=大于等于 <=小于等于

逻辑：
&& 表示and
|| 表示or
! 表示not

5.条件运算符

variable=(condition)?value1:value2