前端基础之JavaScript（1）

前端基础之Javascript，只看需要的，简单memo如下。

内容	说明&&sample
JavaScript：直接写入 HTML 输出流	document.write("<h1>Title</h1>");
JavaScript：对事件的反应	<button type="button" onclick="alert('Welcome!')">Click Me!</button>
JavaScript：改变 HTML 内容	x=document.getElementById(“demo”) //查找元素 x.innerHTML=”Hello World”; //改变内容
JavaScript：改变 HTML 样式	x=document.getElementById(“demo”) //找到元素 x.style.color=”#ff0000”; //改变样式
JavaScript：验证输入	if isNaN(x) {alert(“不是数字”)};
位置	脚本必须位于 <script> 与 </script> 标签之间。
位置	脚本可位于 HTML 的 或 部分中，或者同时存在于两个部分中。
外部的 JavaScript
函数	function myFunction(){document.getElementById("demo").innerHTML="Hello World";}
JavaScript 输出	window.alert() 弹出警告框/document.write() 方法将内容写到 HTML 文档中/innerHTML 写入到 HTML 元素/console.log() 写入到浏览器的控制台
调试模式	浏览器中(Chrome, IE, Firefox) 使用 F12 来启用调试模式， 在调试窗口中点击 “Console” 菜单。
变量	JavaScript 使用关键字 var 来定义变量， 使用等号来为变量赋值
大小写是否敏感	Yes. 大小写敏感
字符串	用单引号或双引号
字符串数组	var countries = [“USA”, “China”];
Object	var person = {firstName:”Miao”, lastName:”Liu”};
赋值，算术和位运算符	= + - * /
条件，比较及逻辑运算符	== != < >
分号	分号用于分隔 JavaScript 语句。使用分号的另一用处是在一行中编写多条语句。在 JavaScript 中，用分号来结束语句是可选的。
break	用于跳出循环。
catch	语句块，在 try 语句块执行出错时执行 catch 语句块。
continue	跳过循环中的一个迭代。
do … while	执行一个语句块，在条件语句为 true 时继续执行该语句块。
for	在条件语句为 true 时，可以将代码块执行指定的次数。
for … in	用于遍历数组或者对象的属性（对数组或者对象的属性进行循环操作）。
function	定义一个函数
if … else	用于基于不同的条件来执行不同的动作。
return	退出函数
switch	用于基于不同的条件来执行不同的动作。
throw	抛出（生成）错误 。
try	实现错误处理，与 catch 一同使用。
var	声明一个变量。
while	当条件语句为 true 时，执行语句块。
空格	JavaScript 会忽略多余的空格。可以向脚本添加空格，来提高其可读性。
代码折行	在文本字符串中使用反斜杠对代码行进行换行
执行方式	JavaScript 是脚本语言。浏览器会在读取代码时，逐行地执行脚本代码。
单行注释	单行注释以 // 开头。
多行注释	多行注释以 /* 开始，以 */ 结尾。
undefined	未使用值来声明的变量，其值实际上是 undefined。Undefined 这个值表示变量不含有值。
重新声明	如果重新声明 JavaScript 变量，该变量的值不会丢失：
数据类型	字符串（String）、数字(Number)、布尔(Boolean)、数组(Array)、对象(Object)、空（Null）、未定义（Undefined）。
Null	可以通过将变量的值设置为 null 来清空变量。
声明变量类型	声明新变量时，可以使用关键词 “new” 来声明其类型：var carname=new String;
对象定义	定义 JavaScript 对象可以跨越多行，空格跟换行不是必须的：
对象属性	JavaScript 对象是键值对的容器,键值对通常写法为 name : value. 访问: person.lastName;/person[“lastName”];
对象方法	name = person.fullName();
局部变量	在 JavaScript 函数内部声明的变量（使用 var）是局部变量，只能在函数内部访问它。
全局变量	在函数外声明的变量是全局变量，网页上的所有脚本和函数都能访问它。把值赋给尚未声明的变量，该变量将被自动作为全局变量声明(不加var)。
事件属性	使用单引号或者双引号都可。
onchange	HTML 元素改变
onclick	用户点击 HTML 元素
onmouseover	用户在一个HTML元素上移动鼠标
onmouseout	用户从一个HTML元素上移开鼠标
onkeydown	用户按下键盘按键
onload	浏览器已完成页面的加载
字符串	可以在字符串添加转义字符来使用引号：
字符串长度	使用内置属性 length 来计算字符串的长度：
===	绝对相等，即数据类型与值都必须相等。
charAt()	返回指定索引位置的字符
charCodeAt()	返回指定索引位置字符的 Unicode 值
concat()	连接两个或多个字符串，返回连接后的字符串
fromCharCode()	将 Unicode 转换为字符串
indexOf()	返回字符串中检索指定字符第一次出现的位置
lastIndexOf()	返回字符串中检索指定字符最后一次出现的位置
localeCompare()	用本地特定的顺序来比较两个字符串
match()	找到一个或多个正则表达式的匹配
replace()	替换与正则表达式匹配的子串
search()	检索与正则表达式相匹配的值
slice()	提取字符串的片断，并在新的字符串中返回被提取的部分
split()	把字符串分割为子字符串数组
substr()	从起始索引号提取字符串中指定数目的字符
substring()	提取字符串中两个指定的索引号之间的字符
toLocaleLowerCase()	根据主机的语言环境把字符串转换为小写，只有几种语言（如土耳其语）具有地方特有的大小写映射
toLocaleUpperCase()	根据主机的语言环境把字符串转换为大写，只有几种语言（如土耳其语）具有地方特有的大小写映射
toLowerCase()	把字符串转换为小写
toString()	返回字符串对象值
toUpperCase()	把字符串转换为大写
trim()	移除字符串首尾空白
valueOf()	返回某个字符串对象的原始值
逻辑运算符	&& !! !
条件运算符	variablename=(condition)?value1:value2
typeof	可以使用 typeof 操作符来检测变量的数据类型
typeof 检测 null	null是一个只有一个值的特殊类型。表示一个空对象引用。用 typeof 检测 null 返回是object。
Undefined 和 Null 的区别	null === undefined // false null == undefined // true
3 种对象类型	Object/Date/Array
将数字转换为字符串	String(x)/x.toString()
将布尔值转换为字符串	String(false)
将日期转换为字符串	String(Date())
将字符串转换为数字	Number(“12.345”)
一元运算符 +	var y = “1”; // y 是一个字符串 var x = + y; // x 是一个数字
将布尔值转换为数字	Number(false)
错误处理	try {//在这里运行代码} catch(err) {//在这里处理错误}
JavaScript 调试	如果浏览器支持调试，可以使用 console.log() 方法在调试窗口上打印 JavaScript 值
严格模式	“use strict”; 不允许使用未声明的变量/不允许删除变量或对象/不允许删除函数/不允许变量重名/不允许使用转义字符/新增了一些保留保留关键字比如interface/…
表单验证	取值方式var x=document.forms[“myForm”][“fname”].value;
JSON.parse()	用于将一个 JSON 字符串转换为 JavaScript 对象。
JSON.stringify()	用于将 JavaScript 值转换为 JSON 字符串。