java script 入门笔记

java script

 javaScript可以插入到HTML页面，并由所有的现代浏览器执行。
 javaScript和java是两种完全不同的语言。
 JavaScript作为脚本语言，浏览区会在读取代码的时候逐行的执行脚本代码，不会进行编译的操作。
 将其插入到HTML的方法:

• 标签方式： <script>"语句"</script>
• 文件方式：JavaScript单独放在外部文件中，扩展名为.js。使用<script src = scriptName.js></script>引用
• 结合事件: 比如 <button onclick="语句">

基础语法

var x, length
[40, 100, 1, 5, 25, 10]
var person = {
	firstName:"John", 
	lastName:"Doe", 
	age:50, 
	eyeColor:"blue", 
	fullName : function() { 
		return this.firstName + "" + this.lastName;
	}
}
time = "11:30" //给未声明的变量赋值，该变量将被自动作为window的一个属性。与声明变量的区别是，这个变量可以删除 即 delete time 返回true，delete person 返回false。

person.lastname; 	
person["lastname"];  
person.fullName();   

typeof person.fullname; //返回结果为 function
 
function myFunction(a, b) 
{ 
	return a * b;
}
//单行注释
/*多行注释*/

注意的点：
1、分号结束一条语句不是必须的。
2、undefined 判断未定义使用 typeof(variableName) == undefined
3、值类型(基本类型)：
字符串（String）
数字(Number)
布尔(Boolean)
空（Null）
未定义（Undefined）
Symbol(表示独一无二的值)。

引用数据类型：
对象(Object)
数组(Array)
函数(Function)。

4、null 表示变量有值，但是值为null，如果一个变量被赋值为null，typeof 结果为object；undefined表示变量没有定义值，给变量赋值为undefined，typeof结果就为undefined。
5、JavaScript 变量的生命期从它们被声明的时间开始。
局部变量会在函数运行以后被删除。
全局变量会在页面关闭后被删除
6、window对象，一个打开窗口默认一个window对象，

常用函数

window.alert() 弹出警告框。
document.write() 方法将内容写到 HTML 文档中。
innerHTML 写入到 HTML 元素。配合getElementById
console.log() 写入到浏览器的控制台。用于调试

BOM

浏览器对象模型 Browser Object Model。
BOM使JavaScript有能力和浏览器对话，

• 所有浏览器都支持window对象，它表示浏览器窗口。
• 所有 JavaScript 全局对象、函数以及变量均自动成为 window 对象的成员。
• DOM的document也是window对象的属性之一， window.document.getElementById(“header”);

DOM

Document Object Model 文档对象模型，用于访问HTML元素的正式W3C标准。使用方法：HTML的每一部分都是一个 element，可以为他们定义 id， id类似于一个变量名，用来标识对应的部分。可以根据 id 使用 document.getElementById(‘idName’) 获取对应的元素，然后访问其中的变量，进行修改内容，改变颜色。

事件

发生在HTML元素上的事情，可以是浏览器行为或者用户行为。可以在HTML元素上，添加事件属性，如onclick。
例子：
页面完成加载(onload)
元素改变(onchange)
按钮被点击(onclick)
从HTML元素上面移动鼠标(onmouseover)
移开鼠标(onmouseout)
用户按下键盘按键(onkeydown)。