JavaScript03

JavaScript function

definition

js函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块，js对大小写十分敏感

function f1() {
    alert("hello,my first lady.");
}
<button onclick="f1()">click</button>

function parameter transfer

function f1(name,job) {
    alert("Welcome" + name + ",this" + job);
}
<button onclick="f1('cyl','engineer')">click</button>

Function with return value

function f1() {
    var x = "hello";
    return x;
} //this function return 'hello'.
var a1 = f1();//a1='hello'
document.getElementById("c1").innerHTML=f1();
//innerHTML='hello'

local variable

在js函数中声明的变量是局部变量，仅能在函数内访问

global variable

在函数声明外的变量是全局变量，网页上的所有脚本和函数都能访问

life cycle

局部变量会在函数运行以后被删除
全局变量会在页面关闭后被删除

undefined variable

c1 = "cyl";
//赋值给未声明的变量，该变量被自动作为window的一个属性
var c2 = 1; //不可配置全局属性
c3 = 3; //没有被var声明，可配置全局属性
console.log(this.c2); //1
console.log(window.c2); //1
console.log(window.c3) //3
delete c2; //false 无法删除
console.log(c2); //1
delete c3; //
console.log(delete c3); //true
console.log(c3); //is delete,error:undefined

js作用域

在js中，对象和函数同样是变量，作用域是可访问变量，对象，函数的集合。

function f1() {
    var c1 = "cyl";//this function can use.
}
//here is can't use 'c1'.

Event

HTML事件是发生在HTML元素上，当在页面上使用js时，js可以触发这些事件。
html事件可以是浏览器行为，也可以是用户行为。

<button onclick="this.innerHTML = Date()">Time is</button>

common event

• onchange: document of this html is changed.
• onclick: when user click it.
• onmouseover: mouse is moving here.
• onmouseout: mouse is outing here.
• onkeydown: when user press the key.
• onload: when page loading complete.