1.JS事件
HTML事件是发生在 HTML 元素上的事情。当在 HTML 页面中使用 JavaScript 时， JavaScript 可以触发这些事件。HTML 事件可以是浏览器行为，也可以是用户行为。
以下是 HTML 事件的实例：
· HTML 页面完成加载
· HTML input 字段改变时
· HTML 按钮被点击
通常，当事件发生时，你可以做些事情。在事件触发时 JavaScript 可以执行一些代码。HTML 元素中可以添加事件属性，使用 JavaScript 代码来添加 HTML 元素。
单引号:
<some-HTML-element some-event='JavaScript代码 '>
双引号:
<some-HTML-element some-event="JavaScript代码 ">
下面是一些常见的HTML事件的列表:
事件 |
描述 |
onchange |
HTML 元素改变 |
onclick |
用户点击 HTML 元素 |
onmouseover |
用户在一个HTML元素上移动鼠标 |
onmouseout |
用户从一个HTML元素上移开鼠标 |
onkeydown |
用户按下键盘按键 |
onload |
浏览器已完成页面的加载 |
JS事件可以用于处理表单验证，用户输入，用户行为及浏览器动作:
· 页面加载时触发事件
· 页面关闭时触发事件
· 用户点击按钮执行动作
· 验证用户输入内容的合法性
可以使用多种方法来执行 JavaScript 事件代码：
· HTML 事件属性可以直接执行 JavaScript 代码
· HTML 事件属性可以调用 JavaScript 函数
· 你可以为 HTML 元素指定自己的事件处理程序
· 你可以阻止事件的发生。
2.JS字符串
JavaScript字符串用于存储和处理文本。字符串可以是插入到引号中的任何字符。你可以使用单引号或双引号。
反斜杠是一个转义字符。转义字符将特殊字符转换为字符串字符：
转义字符 (\) 可以用于转义撇号，换行，引号，等其他特殊字符。
下表中列举了在字符串中可以使用转义字符转义的特殊字符：
代码 |
输出 |
\' |
单引号 |
\" |
双引号 |
\\ |
反斜杠 |
\n |
换行 |
\r |
回车 |
\t |
tab(制表符) |
\b |
退格符 |
\f |
换页符 |
字符串也可以是对象，如下：👇👇👇
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <title>JS简单学习</title> </head> <body> <p id="demo"></p> <script> var x="hello"; //x是字符串 var y=new String("hello"); //y是一个对象 document.getElementById("demo").innerHTML= typeof x + "<br />" + typeof y; </script> <p id="demo1"></p> <script> var a="redis"; //a是字符串 var b=new String("redis"); //b是一个对象 document.getElementById("demo1").innerHTML= x===y; // === 为绝对相等，即数据类型与值都必须相等。 </script> </body> </html>
方法 |
描述 |
charAt() |
返回指定索引位置的字符 |
charCodeAt() |
返回指定索引位置字符的 Unicode 值 |
concat() |
连接两个或多个字符串，返回连接后的字符串 |
fromCharCode() |
将 Unicode 转换为字符串 |
indexOf() |
返回字符串中检索指定字符第一次出现的位置 |
lastIndexOf() |
返回字符串中检索指定字符最后一次出现的位置 |
localeCompare() |
用本地特定的顺序来比较两个字符串 |
match() |
找到一个或多个正则表达式的匹配 |
replace() |
替换与正则表达式匹配的子串 |
search() |
检索与正则表达式相匹配的值 |
slice() |
提取字符串的片断，并在新的字符串中返回被提取的部分 |
split() |
把字符串分割为子字符串数组 |
substr() |
从起始索引号提取字符串中指定数目的字符 |
substring() |
提取字符串中两个指定的索引号之间的字符 |
toLocaleLowerCase() |
根据主机的语言环境把字符串转换为小写，只有几种语言（如土耳其语）具有地方特有的大小写映射 |
toLocaleUpperCase() |
根据主机的语言环境把字符串转换为大写，只有几种语言（如土耳其语）具有地方特有的大小写映射 |
toLowerCase() |
把字符串转换为小写 |
toString() |
返回字符串对象值 |
toUpperCase() |
把字符串转换为大写 |
trim() |
移除字符串首尾空白 |
valueOf() |
返回某个字符串对象的原始值 |
3.JS运算符
+运算符用于把文本值或字符串变量加起来（连接起来），如需把两个或多个字符串变量连接起来，请使用 + 运算符。
两个数字相加，返回数字相加的和。如果数字与字符串相加，返回字符串，结果将成为字符串！
3.6 JS条件运算符
JavaScript还包含了基于某些条件对变量进行赋值的条件运算符。
variablename=(condition) ? value1:value2
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>JS简单学习</title> </head> <body> <p>点击按钮检测年龄。</p> 年龄：<input id="age" value="18" /> <p>是否达到投票年龄？</p> <button type="button" onclick="myFunction()">点击按钮</button> <p id="demo"></p> <script> function myFunction() { var age,str; age=document.getElementById("age").value; str=(age<18) ? "年龄太小":"年龄已达到"; document.getElementById("demo").innerHTML=str; } </script> </body> </html>
