JAVASCRIPT

JA V ASCRIPT

一、用途

基本用途

1.做客户端的验证

2.通过验证提高数据的完整性

3.能被浏览器进行解释，是一种解释型语言，受浏览器影响【在不同浏览器可能表现出来的效果不一样，另外在开发过程中需要注意浏览器缓存的问题】。

4.使用场所：其代码嵌入在HTML文档中。

5.JAVASCRIPT是一种事件编程语言，因此需要有事件的触发，可以事件触发做出特效，满足用户的体验性。

6.JAVASCRIPT是跨平台的语言。

框架

YUI、Prototype、ExtJS、JQUERY

静态页面：HTML

动态页面：与数据库进行交互，其实表现出来的意思是说在服务器端代码需要编译解释。例如JSP页面在服务端解释之后打印HTML代码反馈给浏览器。JSP、ASP、PHP、aspx

二、导入方式

JAVASCRIPT放置于HTML标签中head之间。

①内嵌的方式

使用元素标签中的属性，以on开头的属性。

123123

Onload表示当整个文档加载完毕之后才执行

②内部方式

123123

③外部方式

注意，JAVASCRIPT文件其后缀为js。

123123

此三种方式都需要注意文档内容的加载顺序。

Alert：实现弹出框

Document.write():新起一个Document文档，然后在文档上写对应的数据。因此需要注意顺序问题，以免引起文档被冲掉。界限：以onload做为界限，在onload（文档加载完毕之后）之前不管是javasCRIPT操作还是html文档共用一个document。在onload之后如果执行javascript操作的document.write方法，将新起一个document。

三、基本语法

JAVASCRIPT是一种弱类型的编程语言。

1.变量

存储数据的容器。

在JAVASCRIPT中使用var进行定义。

全局变量、局部变量。

Var可以不用写。

2.基本数据类型

JAVA中基本数据类型：

整型----》int、short、long、byte

布尔----》boolean

字符----》char

浮点----》float、double

JAVASCRIPT基本数据类型：

Number、boolean、string、null【做对象清空处理】。

Function、object、undifined

判断类型采用的是typeof函数进行判断。

方式：

①Typeof 变量名

②Typeof（变量名）

alert(typeof 1);//打印结果为number

alert(typeof'1222');//打印结果为string

alert(typeof true);//打印结果为boolean

alert(typeof popup);//打印结果为function

var aaaa;

alert(typeof aaaa);

//如果变量未定义或者变量已定义但是未赋值，此时验证将打印undefined alert(typeof {});//打印结果为object 定义对象

alert(typeof []);//打印结果为object 定义数组

alert(typeof undefined);//打印结果为undefined，此时将undefined当成一个变量名

alert(typeof null)//打印结果为object

var popup =function popup(){

var a =1;

alert('加载完毕2'+a);

}

3.注释

行注释：//

段注释：/* */

在JAVASCRIPT中，每行语句结束可以用分号进行分开，也可以不用写分号，直接回车换行。

4.函数调用

定义函数使用关键字function。

function popup(msg){

alert(msg);

}

注意，函数中的参数直接使用变量名，不需要用var进行定义。

function popup(){

alert('2');

}

function popup(msg){

alert(msg);

}

function popup(msg,mm){

alert('3');

}

注意：ＪＡＶＡＳＣＲＩＰＴ中函数的方法名当一样时，要注意其先后顺序。此时调用的结果将打印３.不管方法调用时传入的参数个数为几个。

扩展：如何传入多个参数。

①直接定义参数的个数

②已对象的形式进行传递

function test(obj){

alert(obj.sex +"\n"+ );

}

function popup(msg,mm){

var obj = {

id : 1,

name : 'hello',

age : 20,

sex: 'male'

};

test(obj);

}