javascript02

1.函数(function)

函数： 函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。

2.函数的声明

函数使用跟变量一样，需要 声明

3.自定义函数

function fun(){

alert("我是自定义函数")

}

fun();//函数不调用，自己不执行

4.函数直接量声明

var fun1 =function(){

alert("直接量声明")

}

fun1();也需要调用

5.利用Function关键字声明

var fun2 =new Function("var a = 10; var b = 20; alert(a+b)");

fun2();

6.变量声明提升

在函数体内部，声明变量，会把该声明提升到函数体的最顶端。 只提升变量声明，不赋值。

function fun(){

console.log(num);

var num = 20;

}

相当于---

function fun(){

var num;

console.log(num);

Num = 20;

}

列如：

var a =18;

f1();

function f1(){

var b=9;

console.log(a);

console.log(b);

var a='123';

}

结果是：undefined  9

7.函数参数

arguments是存储了函数传送过过来实参

Javascript在创建函数的同时，会在函数内部创建一个arguments对象实例.

arguments对象只有函数开始时才可用。函数的arguments对象并不是一个数组，访问单个参数的方式与访问数组元素的方式相同

arguments对象的长度是由实参个数而不是形参个数决定的

8.返回值return

定义：一个函数实际上就是一个计算过程，计算完成之后的结果就是返回值。

定义函数的返回值：在函数内部用return来设置返回值，一个函数只能有一个返回值。

同时，终止代码的执行。

所有的自定义函数默认没有返回值；

Return后面不要换行

function$(id){

returndocument.getElementById(id);

}

$("demo").style.backgroundColor='purple';

$("test").style.backgroundColor="blue";

案列：

var total=10;

var number = square(5);

alert(number);

function square(n) {

total = n*n;

return total;

}

结果是25

9.算术运算符

+  -  *  /    %    ^

1+1 = 2

5%2 ==  1

2%5  ==  2

2^3

A++  ++后置       每次自加1先运算后自加

++a   ++前置       每次自加1先自加 后运算

分析代码，得出正确的结果。

var a=10, b=20 , c=30;

++a;

a++;

e=++a+(++b)+(c++)+a++;

alert(e);

77

10,.条件语句(if)

If(条件表达式)  {语句;}

If() {}else {}

If()  else if(){}  else if(){} else {}

11.获得焦点  失去焦点 事件

12.this (自己的)

指的是本身

This主要是指事件的调用者 。

className类名

$("result").className="wrong";

innerHTML

更换 盒子里面的内容    文字 标签都换.

表单更换内容

Input.value

isNaN    nan不是一个数字is是   是 不是一个数字

isNaN(“12”)如果里面的不是个数字 返回true否则返回false

13.属性和方法

方法：

手机 打电话   发短信  玩游戏   聊QQ看电影

动词   可以干什么

Iphone.tel();

方法和属性的区别：

方法一律带有小括号 。isNaN( );动词

方法给值：isNaN（“值”）;

14.表单自动获得焦点

Txt.focus();方法

Onfocus事件

window.onload=function(){

vartxt=document.getElementById("txt");

txt.focus();//自动获得焦点

}

自动获得焦点:

15.鼠标经过选择表单

sele.onmouseover=function(){

this.select();//选择

}

方法select()选择功能