Javascript

1. 基本语法

• 输出

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

• 变量

var x=5; var name="xxx";
var x=2,y="new";
var x,y,z=1;
//如果重新声明 JavaScript 变量，该变量的值不会丢失
var carname="Volvo"; 
var carname;

• 数据类型

//JavaScript 数据类型是动态的
//数组 ，三种方法
var cars=["Saab","Volvo","BMW"];

var cars=new Array("Saab","Volvo","BMW");

var cars=new Array();
cars[0]="Saab";
cars[1]="Volvo";
cars[2]="BMW";

//字典
var person={firstname:"John", lastname:"Doe", id:5566};

cars=null;
person=null;

• 对象

var person = {
    firstName: "John",
    lastName : "Doe",
    id : 5566,
    fullName : function() 
    {
       return this.firstName + " " + this.lastName;
    }
};
//不加括号输出函数表达式
person.fullName 

有var是局部变量，没有var是全局变量。全局变量可以通过`window`获取

• 事件

HTML 页面完成加载
HTML input 字段改变时
HTML 按钮被点击
//直接更改values
<button onclick="this.innerHTML=Date()">现在的时间是?</button>
//在id插入html
<button onclick="getElementById('demo').innerText=Date()">现在的时间是?</button>
<p id="demo"></p>

事件	描述
onchange	HTML 元素改变
onclick	用户点击 HTML 元素
onmouseover	用户在一个HTML元素上移动鼠标
onmouseout	用户从一个HTML元素上移开鼠标
onkeydown	用户按下键盘按键
onload	浏览器已完成页面的加载

person = undefined;

• DOM

tag 
class
id
.innerHTML=new html
document.getElementById(id).attribute=新属性值
document.getElementById("p1").innerHTML="新文本!";

//css
document.getElementById(id).style.property=新样式

• Event

document.getElementById("myBtn").addEventListener("click", displayDate);

element.addEventListener(event, function, useCapture);