JavaScript

JavaScript主要用来向HTML页面中添加交互行为。

JavaScript是一种脚本语言，语法和Java类似。

JavaScript一般用来编写客户端的脚本。

JavaScript十一张解释性语言，边执行边解释。

2.浏览对象模型（Brwser Object Model，BOM）；

文档对象模型（Document Object Model，DOM）；

3.基本结构

<script type="text/javascript">

　　　　javascript语句；

</script>

4.变量的声明和赋值

语法：var 合法的变量名；

var width=30;

var x,y,z=10;

javascript区分大小写，所以大小写不同的变量名表示不同的变量。

5.数据类型

undefinde（未定义类型）：var width;

null（空类型）:alert(null==undefinde);//返回值为true

number（数值类型）:var iNum=23；var iNum=23.0

String（字符串类型）

boolean（布尔类型）:语法 typeof(变量或值)

6.数组

语法

var 数组名称=new Array（size）

var fruit=new Array("apple","orange","peach","bananer");

var fruit=["apple","orange","peach","bananer"];

javascript 函数

parseInt（）函数可解析一个字符串，并返回一个整数。

parseInt（“字符串”）；

var num=parseInt（“78.89”）；//返回值为78

parseFloat（）函数可解析一个字符串，并返回一个浮点数。

parseFloat（“字符串”）；

var num=parseFloat("45.78");//返回值为45.78

isNaN()函数用于检测其参数是否是非数字

isNaN（x）

var flag=isNaN（“12.5”）；//返回值为false

自定义函数

function 函数名(参数1，参数2，参数3，...){

 //javascript语句；

[return 返回值]

}

javascript对象

window对象常用的属性

history：有关客户访问过的URL的信息

location：有关当前URL的信息

常用的方法：

alert（）：显示一个带有提示信息和一个“确定”按钮的警示对话框。

confirm（）：显示一个带有提示信息和一个“确定”和“取消”按钮的对话框

setTimeout（）：在指定的毫秒数后调用函数或计算表达式

setInterval（）：按照指定的周期（以毫秒计）来调用函数或表达式

document对象

常用属性

referrer ：返回载入当前文档的URL

URL：返回当前文档的URL

常用方法：

getElementByid（）返回对拥有指定id的第一个对象的引用

getElementsByName()返回带有指定名称的对象的集合

getElementsByTagName（）返回带有指定标签名的对象的集合

write（）向文档写文字，HTML表达式或javaScript代码

定时函数

常用定时函数：

两个定时函数：setTimeout（）//用于在指定函数的毫秒后调用函数计算表达式。

setInterval（）指定的周期（以毫秒计）来调用函数或计算表达式。

清除两个函数：clearTimeout（）和clearInterval（）

倒计时的例子：

 window.onload = function () {
            var time;
            var dom1 = document.getElementById("btn1");
            var dom2 = document.getElementById("btn2");
            dom1.onclick = function() {
                time = setInterval(mytime,1000);

            }
            dom2.onclick = function () {
                clearInterval(time);
            }
            function mytime() {
                var dom=document.getElementById("msg");
                var num = dom.innerText;
                if (num>0) {
                    num--;
                }
                dom.innerText = num;
            }
        }

定时图片切换例子
 var num = 1;
        function disptime() {
            if (num<5) {
                num++;
            } else {
                num = 1;
            }
            var dom = document.getElementById("myimg");
            dom.src = 'im/images/'+num+'.jpg';
        }
        setInterval("disptime()",1000);

var userName="jack"; 
//根据用户名显示欢迎信息 
function hello(_name){ 
       alert("hello,"+_name); 
} 
//创建一个函数，用于返回一个无参数函数 
function _hello(_name){ 
       return function(){ 
             hello(_name); 
       } 
} 
window.setTimeout(_hello(userName),3000);

这里定义了一个函数_hello，用于接收一个参数，并返回一个不带参数的函数，在这个函数内部使用了外部函数的参数，从而对其调用，不需要使用参数。在 window.setTimeout函数中，使用_hello(userName)来返回一个不带参数的函数句柄，从而实现了参数传递的功能。