一、概述
- 用途：为html页面添加交互行为。
- 位置：通常直接嵌入到html页面中。推荐写到<head></head>中。
- 执行：解释器，也称为JavaScript引起，是浏览器的一部分。
- 开发工具：任何网页开发工具都可以。
- 特点：
1）脚本语言：没有预先编译的过程，边解释边执行。
2）弱类型：非强类型，定义变量的时候，不用指定变量的类型，变量的类型根据值得类型来决定。
3）跨平台：不依赖于操作系统，仅仅依赖浏览器。 - 注意：
1）不用浏览器使用JavaScript编程，可能会有差异。
2）要遵循W3C DOM标准，兼容性好。 - 历史
1）1995年 网景（Netscape）
2）是ECMAScript标准的一种体现，由ECMA组织发展和委会。
3）最新版：ES6（ES2015） - 调试工具（F12）
二、编写JavaScript
- 把JavaScript代码写到<script>标签中。
- <script>标签可以放置到网页的任何位置。
- 变量
1）声明变量：var a;
2）向未声明的变量赋值，编写会自动声明。
3）变量区分大小写。
4）再次声明变量，变量的值不会重置或清除。
var a = 10;
//…
var a;
5）变量的命名规则与java相同，最长255字符。 - 五种原始数据类型：使用typeof 变量名，输出变量类型。
1）undefined：未初始化的变量的值，值就一个：undefined。
2）boolean：布尔类型，值true和false。
3）number：表示整数和浮点数。
4）string：字符串类型，值用单引号或双引号括起来。
5）null类型：唯一值null，typeof null 输出：object - 类型转换
1）parseInt(value)
parseInt(3.14|"3.14"|"3.14abc") =>3
parseInt("abc3.14") => NaN（表示 not a number，不是一个数字）
2）parseFloat(value)
parseFloat("3.14"|"3.14abc") =>3.14
3）Number(value)：把给定的值转换为数字，它转换整个值，而不是部分值。 - 算术运算符：+ - * / % ++ --，与java相同。
- 赋值运算符、逻辑运算符、比较运算符、三元运算符， 与java相同。
- 函数：
1）语法：
function 函数名(参数列表){
语句;
return 值;
}
2）调用方式：
a）在script中直接调用。
b）通过事件调用。
<input typt="button" onclick="函数名(是参列表)"> onclick：单击事件
补充：
document.forms[0].num1.value
1）document：文档对象，内置对象，不用创建，直接使用。
2）forms：所有表单的集合。
3）forms[0]：表示第一个表单。
4）num1：表单元素的name属性值。
5）value：表单元素的值。
从文本框取值：
var n = document.form[0].num1.value;
为文本框赋值：
document.form[0].num1.value = "10";
eval（字符串表达式）：能够对表达式进行解析，并计算表达式的值，并返回。
例如：
var s = "1 + 2";
eval(s) =》返回3
- 为元素添加事件处理程序
1）<input typt="button" value="btn1" onclick="函数名（实参列表）">
2）<script>
document.forms[0].btn1.onclick = 函数名;
</script>
注意：
1）执行上面的代码，要保证document.forms[0].btn1已经存在。
2）不能写成： document.forms[0].btn1.onclick = 函数名();这样写表示马上执行该函数，而我们需要的是在按钮被单击的时候调用该函数。
3）使用匿名函数（函数没有名称）：只能调用一次
document.forms[0].btn1.onclick = function(){
//函数体语句。
}; - javasc中函数没有重置的概念。
- arguments对象
1）js的函数可以接收任意个数的参数，通过arguments对象访问，该对象类似于数组，可以使用下标来访问参数。
例如：arguments[0]:代表传递过来的第一个参数。
2）使用arguments对象的length属性，得到方法调用的时候，传递过来的参数个数。
例如：arguments.length 实参的个数
3）使用函数对象的length属性，得到该方法定义的时候，命名参数的个数：
例如:
function t(a,b){
}
t.length 得到形参的个数。 - prompt("提示文字","默认值")：让用户输入值，返回用户输入的字符串。
点击取消按钮，返回null，没有输入内容，点击确定按钮，返回空串("") - 得到表单对象的方法：
1）document.forms[index]
2）document.表单元素的name值
3）document.getElementById（表单对象的id值） - 得到表单元素的方法：
1）表单对象.表单元素的name值
2）document.getElementById（表单元素的id值）
