javascript

JavaScript

---

一、JavaScript语法

JavaScript 字面量

类型	表示
数字（Number）字面量	可以是整数或者是小数，或者是科学计数(e) 3.14或1001或123e5
字符串（String）字面量	可以使用单引号或双引号 "AAA"或’AAA’
表达式字面量	用于计算 5 + 6或5 * 6
数组（Array）字面量	定义一个数组：[40, 100, 1, 5, 25, 10]
对象（Object）字面量	定义一个对象：{firstName:“John”, lastName:“Doe”, age:50, eyeColor:“blue”}
函数（Function）字面量	定义一个函数：function myFunction(a, b) { return a * b;}

示例：pandas 是基于NumPy 的一种工具，该工具是为了解决数据分析任务而创建的。

JavaScript 变量

JavaScript 使用关键字 var 来定义变量， 使用等号来为变量赋值：var x=5;

JavaScript 操作符

JavaScript使用 算术运算符 来计算值:(5 + 6) * 10

JavaScript 语句

语句是用分号分隔。

JavaScript 关键字

JavaScript 注释

//

JavaScript 数据类型

var length = 16;                                  // Number 通过数字字面量赋值
var points = x * 10;                              // Number 通过表达式字面量赋值
var lastName = "Johnson";                         // String 通过字符串字面量赋值
var cars = ["Saab", "Volvo", "BMW"];              // Array  通过数组字面量赋值
var person = {firstName:"John", lastName:"Doe"};  // Object 通过对象字面量赋值

二、JavaScript对象

1.对象定义

var person = {
    firstName:"John",
    lastName:"Doe",
    age:50,
    eyeColor:"blue"
};

2.对象属性

键值对通常写法为 name : value (键与值以冒号分割)。

键值对在 JavaScript 对象通常称为 对象属性。

3.访问对象属性

person.lastName;或person[“lastName”];

对象方法

<script>
var person = {
    firstName: "John",
    lastName : "Doe",
    id : 5566,
    fullName : function() 
	{
       return this.firstName + " " + this.lastName;
    }
};
document.getElementById("demo").innerHTML = person.fullName();
</script>

JavaScript事件

事件监听机制：

* 概念：某些组件被执行了某些操作后，触发某些代码的执行。	
	* 事件：某些操作。如： 单击，双击，键盘按下了，鼠标移动了
	* 事件源：组件。如： 按钮 文本输入框...
	* 监听器：代码。
	* 注册监听：将事件，事件源，监听器结合在一起。 当事件源上发生了某个事件，则触发执行某个监听器代码。


* 常见的事件：
	1. 点击事件：
		1. onclick：单击事件
		2. ondblclick：双击事件
	2. 焦点事件
		1. onblur：失去焦点
		2. onfocus:元素获得焦点。

	3. 加载事件：
		1. onload：一张页面或一幅图像完成加载。

	4. 鼠标事件：
		1. onmousedown	鼠标按钮被按下。
		2. onmouseup	鼠标按键被松开。
		3. onmousemove	鼠标被移动。
		4. onmouseover	鼠标移到某元素之上。
		5. onmouseout	鼠标从某元素移开。
		
		
	5. 键盘事件：
		1. onkeydown	某个键盘按键被按下。	
		2. onkeyup		某个键盘按键被松开。
		3. onkeypress	某个键盘按键被按下并松开。

	6. 选择和改变
		1. onchange	域的内容被改变。
		2. onselect	文本被选中。

	7. 表单事件：
		1. onsubmit	确认按钮被点击。
		2. onreset	重置按钮被点击。

---