风之力科技
股票代码:781340
400-718-5885或13605745691
service@nwpit.com

技术资讯

09Apr2016
点击

JavaScript基础入门,完美解析

• Javascript是一种由Netscape的LiveScript发展而来的;是写在HTML文件中的一种基于对象和事件驱动并具有安全性能的脚本语言;区分大小写的客户端脚本语言。

• 当用户在客户端的浏览器中显示该网页时,浏览器就会执行JavaScript程序,让用户通过交互式的操作变换网页显示的内容,以实现HTML语言所不能实现的一些功能。 

• 提供了数据验证的基本功能。

• JS是基于对象,Java是面向对象。

• JS只需解释就可以执行,Java需要先编译成字节码文件,再执行。

• JS是弱类型,Java是强类型。 

• JavaScript   是写在HTML文档中的一种基于对象(Object)和事件驱动(EventDriven)、并具有安全性能的脚本语言。

• 当用户在客户端的浏览器中显示该网页时,浏览器就会执行JavaScript程序,让用户通过交互式的操作变换网页显示的内容,以实现HTML语言所不能实现的一些功能。 

• JavaScript的特点

• 解释性:由浏览器直接解释执行

• 用于客户端

• 安全性:不允许直接访问本地硬盘

• 简单易用:脚本式语言最大的优点是易学易用,是一种轻量级的程序语言

• 动态性:他可以直接对用户或客户输入作出响应,无须经过web服务程序,他对用户的反映响应,是采用以事件驱动的方式进行的。

• 跨平台性:只要是可以解释Js的浏览器都可以执行,和操作系统无关

JavaScript的局限性:浏览器有很多种,每种对JavaScript的支持程度是不一样的,效果会有一定的差距。

• JavaScript的作用

– 校验用户输入的内容:用户输入内容的校验常分为两种

• 格式性校验:JavaScript

• 功能性校验

– 有效地组织网页内容

– 动态地显示网页内容:时钟显示等

– 动画显示

• 编写JavaScript脚本:可以使用任何一种文字编辑器来编写,我们使用Dreamweaver、EditPlus、UE等。

• 执行:与HTML文档配合,将其插入到HTML文档中,然后通过浏览器执行HTML文档即可。浏览器可以是IE、firefox等。

– 使用 



 … …


当有多个html页面使用到相同的JS脚本时,可以将js代码封装到一个文件中,只要在script标签的src属性引入一个js文件。(方便后期维护,扩展)

注意:如果在script标签中定义了src属性,那么标签中的内容不会被执行。

– 将 JavaScript 源文件链接到 HTML 文档中



web程序设计

common.js文件内容
function showAlert(){
alert(“web程序设计“);
}


– 事件跟随式
 

• 需注意:

– JavaScript程序内容必须置于

标签中,type=“text/javascript”用于区别其他脚本程序语言。


– 对于不支持javascript程序的浏览器,标记之间的内容就会被隐藏起来,否则就会被当做html的内容显示出来,而对于支持javascript程序的浏览器,这对标签不起任何作用。

– Javascript程序对大小写字母是敏感的,即在同一个程序语句中如果使用大写或小写字母将代表不同的意义。

– 使用注释/*多行注释*/    //单行注释

– Javascript程序在html文件中的位置没有严格的规定,但根据Javascript程序的功能和作用,一般将其置于3种位置:

• 在html标记中的任何位置。如果所编写的Javascript程序用于输出网页内容的,应该将Javascript程序置于html文件中需要显示该内容的位置。

• 在html标记。如果所编写的Javascript程序需要在某一个html文件中多次使用,那就应该编写Javascript函数,并将函数置于html文件的标记中。

• 在一个单独的js文件中。如果编写的Javascript程序需要在多个html文件中使用,或Javascript程序内容很长时。

数据类型

• JavaScript主要包括3种数据类型:简单数据类型、特殊数据类型、复合数据类型。

• 简单数据类型:数值型、字符型、布尔型

• 复合数据类型:对象、数组、函数

• 特殊数据类型:null、undefined

转义字符

字 符

说 明

示 例

\b

退格符

alert(“这是第一句 \b  这是第二句”)

\f

换页符

alert(“这是第一句\f 这是第二句”)

\n

换行符

alert(“这是第一句\n 这是第二句”)

\r

回车符

alert(“这是第一句\r 这是第二句”)

\t

制表符 

alert(“这是第一句\t 这是第二句”)

• 常量:不能改变的数据。可以为整型、逻辑型、字符串型等。

• 变量:在计算机内存中暂时保存数据的地方。用关键字var声明或用赋值的形式。var  i;i=10;var count=10;var i,j;

• 变量命名规则

– 第一个字符必须是字母(大小写均可)、下划线(_)或美元符($);

– 后续字符可以是字母、数字、下划线或美元符;

– 变量名称不能是保留字;

– 字符大小写敏感;

• 变量可以不声明直接使用  k=100;(k没定义就直接用)

• 变量弱类型检查,且可随时改变数据类型

• 变量的数据类型及其转换
JavaScript声明变量时无需定义数据类型,因此,其变量又称为“无类型”变量,也就是说,声明后的变量名可以随时被赋值为任意类型的数据, JavaScript将会自动给予转换。
var count=1;

count=“the count of var is ”+count;

• 用typeof()运算符返回表达式的数据类型var a=18;
typeof(a)   ---number

“+”连接字符串

运算符和表达式 

• 运算符对一个或多个变量或值(操作数)进行运算,并返回一个新值

• 根据所执行的运算,运算符可分为以下类别:

– 算术运算符

– 比较运算符

– 逻辑运算符

– 赋值运算符=、+=、-=、*=、/=、%=

– 位运算符(很少用)

– 算术运算符


说 明

示 例


+

a = 5 + 8


-

a = 8 - 5


/

a = 20 / 5


*

a = 5*19


%

取模-两个数相除的余数

10 % 3 = 1


++

一元自加。该运算符带一个操作数,将操作数的值加 1。返回的值取决于 ++ 运算符位于操作数的前面或是后面


++x将返回 x 自加运算后的值。

x++ 将返回 x 自加运算前的值

- -

一元自减。该运算符只带一个操作数。返回的值取决于 -- 运算符位于操作数的前面或是后面

--x 将返回 x 自减运算后的值。

x-- 将返回 x 自减运算前的值


比较运算符


运算符

说 明

示 例

= = 

等于。如果两个操作数相等,则返回真。

a = = b

!=

不等于。如果两个操作数不相等,则返回真。

Var2 != 5

>

大于。如果左边的操作数大于右边的操作数,则返回真。

Var1 > var2

<

小于。如果左边的操作数小于右边的操作数,则返回真。

Var2 < var1

<=

小于等于。如果左边的操作数小于或等于右边的操作数,则返回真。

Var2 <= 4

Var2 <= var1

>=

大于等于。如果左边的操作数大于或等于右边的操作数,则返回真。

Var1 >= 5

Var1 >= var2

逻辑运算符

运算符

说 明

与 ( &&)

expr1 && expr2

只有当 expr1 和 expr2 同为真时,才返回真。否则,返回假。

或 ( || )

expr1 || expr2

如果其中一个表达式为真,或两个表达式同为真,则返回真。否则,返回假。

非 (!)

!expr

如果表达式为真,则返回假。如果为假,则返回真。

流程控制

• 所谓结构化程序设计思想,就是要使所设计的程序给人一种一目了然的感觉,条理清晰,模块化,书写层次分明,要求:

– 顺序结构:一条接一条,自上而下

– 选择结构:判断给定条件,根据不同情况做不同处理

– 循环结构:多次重复执行同一系列命令

if 语句 

语法:

if(条件)

 {

   JavaScript代码;

 }

switch 语句 

语法

switch (表达式)

{

  case 常量1 : 

     JavaScript语句;

   break;

  case 常量2 : 

     JavaScript语句;

     break;

  ...

     default : 

        JavaScript语句;

}

• 网页中嵌入脚本有两种方式:使用


• 

• OnBlur、onChange 和 OnFocus 是一些与表单对象相关的事件处理程序

• 在浏览器窗口中,如果文本框获得焦点,则会调用 onFocus 事件处理程序

• 当对象失去焦点或光标退出对象时,将执行 onBlur 事件处理程序  

• 当修改文本框内容或改写下拉列表框的选项时,则会调用 onChange 事件处理程序

• JavaScript的主要功能之一是用于表单验证