Javascript 学习笔记（1）

1.Javascript介绍

1.1语言特性

JavaScript（简称js）是一种描述语言，基于对象和事件驱动的脚本语言。
JavaScript特点：
（1）脚本语言（一种轻量级的编程语言）
（2）一种解释性语言（无需预编译）
（3）被设计为向HTML页面添加交互行为
（4）运行于客户端（浏览器）

1.2发展历史

①95年LiveScript（Netscape公司）
②Netscape将其更名为JavaScript
③微软IE3.0并附带JScript、CEnvi的ScriptEase以及JavaScript三足鼎立
④97年JavaScript1.1版本被ECMA（欧洲计算机制造商）标准化为ECMAScript的脚本语言

1.3Tips

JavaScript与ECMAScript的关系
ECMAScript是JavaScript的基础
JavaScript与Java的关系
JavaScript和Java都与Sun公司有合作，是借势Java

什么是ECMAScript
ECMAScript定义了脚本语言的所有属性、方法和对象
包括语法、类型、关键字、保留字、运算符、对象等
除了JavaScript外，同时也是Nombas的ScriptEase和Flash脚本ActionScript的基础
什么是DOM
Js中将整个文档对象（html文件）描述成树状模型结构，有元素节点、属性节点、文档节点等等。节点之间有父子关系 js可以通过描述出的节点及关系，动态的操作节点和节点属性。
什么是BOM
Js可对浏览器窗口进行访问和操作
例如：弹出新的浏览器窗口，移动、关闭浏览器窗口及调节浏览器窗口大小，WEB浏览器详细的定位对象

2.JavaScript语法

2.1JavaScript引入方式

Script标签中编写
通过script标签引入（当前标签无法再编辑js代码）
在页面中直接编写javascript
例：οnclick=“javascript:alert(1)” 尽量不用

2.2 JavaScript基本语法

2.2.1 注释

JavaScript的注释方法，与Java一致
//单行
/*
多行
*/

2.2.2变量

变量声明规则与java基本一致
1、由于 JavaScript 对大小写敏感，变量名也对大小写敏感 （y 和 Y 是两个不同的变量）
2、变量必须以字母或下划线或美元符$开始 ，不能使用关键字作为变量名
//JS的变量声明 ，是通过 var 语句来声明
//弱类型，声明时无需指定数据类型，赋值时根据值决定类型
var num = 10 ;

JS中的变量类型：
Number 数字类型
String 字符串类型
Boolean 布尔类型
Undendined 未定义或未初始化类型
Null 空对象
Object 复合类型

Typeof关键字 可以返回变量的类型
typeof运算符返回值如下：
undefined：变量被声明后，但未被赋值
string：用单引号或爽双引号来声明的字符串
boolean：true或false
number：整数或浮点数
function：函数方法
object：对象或数组或null类型

类型转换函数
parseint()：字符串转换为整数
parseFloat()：字符串转换为浮点数
toString()：返回字符串
注意：parseint和parseFloat对字符串的转换

2.3 运算符

JS中运算符与Java中基本一致
+可以做数字加 也可以做字符串拼接
注意：小数相加时会丢失精度 如0.1+0.2需要取位数 使用toFixed（位数）

2.4条件语句

条件语句语法与java基本一致
If…else
Switch…case

2.5循环语句

循环语句语法与java基本一致
For
for…in 可循环数组成员
While
Do…while

2.6函数

一组可以通过调用运行的语句
编写函数后，页面加载时函数中的代码不会立即运行，调用时才运行
分类
系统函数：parseInt，parseFloat，IsNaN，eval
自定义函数：

function 函数名(参数1,参数2,参数3){
	//代码
}
等同于
var 函数名 = function(参数1,参数2,参数3){
	//代码
}
Js中的函数不需要定义返回值类型  如果需要返回值 在函数中加上return关键字即可
function 函数名(参数1,参数2,参数3){
	//代码
return xxx;
}

2.7JS事件

js会自动对行为进行监听，当触发某些行为时，可以调用自定义函数来完成用户交互。事件通常与函数配合使用，当事件发生时去调用函数

事件举例
鼠标点击 onclick
鼠标悬浮于页面的某个热点之上 onmouseover
在表单中选取输入框 onfocus
内容改变 onchange
页面或图像载入 onload
键盘按键 onkeyup
表单提交 onsubmit