前言
这篇详细讲解如何在HTML事件触发时，执行JavaScript代码，来实现动态需求。同时详细讲一下字符串和运算符，在JavaScript编程中经常使用，需要深刻理解
事件
HTML事件，顾名思义就是在HTML页面上发生的事情，事件可以是浏览器行为或者用户行为。例如页面加载完后显示页面内容，这就是浏览器行为。用户点击按钮，页面内容改变，这就是用户行为。要想实现这样灵活的动态改变，就需要在事件触发时加入JavaScript代码。例如：
<p id="demo"></p>
<button onclick="getElementById('demo').innerHTML=Date()">时间</button>
如上例，在用户点击按钮后，id为’demo’的文本元素就会改变为时间，这里的事件是用户行为，用户点击按钮后，触发事件onclick，执行JavaScript代码。
常见的事件如下：
| 事件 | 描述 |
|---|---|
| onclick | 用户点击HTML 元素 |
| onchange | HTML 元素改变 |
| onmouseover | 用户在一个HTML元素上移动鼠标 |
| onmouseout | 用户从一个HTML元素上移开鼠标 |
| onkeydown | 用户按下键盘按键 |
| onload | 浏览器已完成页面的加载 |
触发事件常见调用JavaScript的方法：
1.HTML事件属性直接执行JavaScript代码
2.HTML事件属性调用JavaScript函数
3.为HTML事件指定处理程序
字符串
HTML页面的文本数据通常使用字符串进行操作处理，与java不同的是，JavaScript中字符串可以使用单引号或者双引号，不局限于是否单个字符。
var name = "curry";
var name = 'curry';
字符串中的每个字符可以使用索引找到，索引排列从0开始，例如:
var character = name[4];
这里取的就是字符串name中的第5个字符，就是’y’
当你需要在字符串中加入单引号或者双引号时，为了不发生引号配对错误，就应该使用转义字符，*在插入的引号前加上 *
var name = 'My name is \"Lv\"!';
字符串name值为My name is “Lv”!
常见转义字符
| 代码 | 输出 |
|---|---|
| ’ | 单引号 |
| " | 双引号 |
| \ | 反斜杠 |
| \n | 换行 |
| \r | 回车 |
| \t | tab(制表符) |
| \b | 退格符 |
| \f | 换页符 |
字符串的长度可以通过内置函数取的
var name = 'My name is \"Lv\"!';
var leg = name.length;
字符串属性
| 属性 | 描述 |
|---|---|
| constructor | 返回创建字符串属性的函数 |
| length | 返回字符串的长度 |
| prototype | 允许向对象添加属性和方法 |
运算符
=用于赋值，+用于加值
JavaScript 算术运算符
| 运算符 | 描述 |
|---|---|
| + | 加法 |
| - | 减法 |
| * | 乘法 |
| / | 除法 |
| % | 取模（余数） |
| ++ | 自增 |
| – | 自减 |
JavaScript 赋值运算符
| 运算符 | 例子 | 等同于 |
|---|---|---|
| = | x=y | |
| += | x+=y | x=x+y |
| -= | x-=y | x=x-y |
| *= | x*=y | x=x*y |
| /= | x/=y | x=x/y |
| %= | x%=y | x=x%y |
运算符 + 同样可以用于字符串相加，例如
var x = "hello";
var y = "world";
var z = x+y;
字符串z的值就是：helloworld
如果把一个字符串和一个数字相加，得到的是一个字符串，例如:
var name = "lv";
var x = 1;
var result = name + x;
结果result值为字符串：lv1
摄影分享
摄于 四川.泸定.泸定桥
