javascript基础.docx

《javascript基础.docx》由会员分享，可在线阅读，更多相关《javascript基础.docx（12页珍藏版）》请在冰豆网上搜索。

javascript基础

javascript基础

时间:

2009-10-0107:

32:

13来源:

网络作者:

未知点击:

86次

什么是 JavaScript？

什么是JavaScript？

        *JavaScript被设计用来向HTML页面添加交互行为。

       *JavaScript是一种脚本语言（脚本语言是一种轻量级的编程语言）。

       *JavaScript由数行可执行计算机代码组成。

       *JavaScript通常被直接嵌入HTML页面。

       *JavaScript是一种解释性语言（就是说，代码执行不进行预编译）。

       *所有的人无需购买许可证均可使用JavaScript。

 Java和JavaScript是相同的吗？

 不同！

 在概念和设计方面，Java和JavaScript是两种完全不同的语言。

 Java（由太阳微系统公司开发）很强大，同时也是更复杂的编程语言，就像同级别的C和C++。

JavaScript能做什么？

 JavaScript为HTML设计师提供了一种编程工具

   HTML创作者往往都不是程序员，但是JavaScript却是一种只拥有极其简单的语法的脚本语言！

几乎每个人都有能力将短小的代码片断放入他们的HTML页面当中。

JavaScript可以将动态的文本放入HTML页面

   类似于这样的一段JavaScript声明可以将一段可变的文本放入HTML页面：

document.write（"

"+name+"

JavaScript可以对事件作出响应

   可以将JavaScript设置为当某事件发生时才会被执行，例如页面载入完成或者当用户点击某个HTML元素时。

JavaScript可以读写HTML元素

   JavaScript可以读取及改变HTML元素的内容。

JavaScript可被用来验证数据

   在数据被提交到服务器之前，JavaScript可被用来验证这些数据。

JavaScript可被用来检测访问者的浏览器

   JavaScript可被用来检测访问者的浏览器，并根据所检测到的浏览器，为这个浏览器载入相应的页面。

JavaScript可被用来创建cookies

   JavaScript可被用来存储和取回位于访问者的计算机中的信息。

 真实的名称是ECMAScript

如何实现JavaScript

 如果需要把一段JavaScript插入HTML页面，我们需要使用就可以告诉浏览器JavaScript从何处开始，到何处结束。

...

 document.write字段是标准的JavaScript命令，用来向页面写入输出。

把JavaScript放置到何处

 当页面载入时，会执行位于body部分的JavaScript。

 当被调用时，位于head部分的JavaScript才会被执行。

实例

 head部分

包含函数的脚本位于文档的head部分。

这样我们就可以确保在调用函数前，脚本已经载入了。

 body部分

执行位于body部分的脚本。

 外部JavaScript

如何访问外部脚本。

使用外部JavaScript

 有时，你也许希望在若干个页面中运行JavaScript，同时不在每个页面中写相同的脚本。

 为了达到这个目的，你可以将JavaScript写入一个外部文件之中。

然后以.js为后缀保存这个文件。

 注意：

外部文件不能包含

 提示：

您可以把.js文件放到网站目录中通常存放脚本的子目录中，这样更容易管理和维护。

JavaScript语句

 JavaScript是由浏览器执行的语句序列。

浏览器按照编写顺序依次执行每条语句。

 JavaScript注释

 单行的注释以//开始。

多行注释以/*开头，以*/结尾。

 JavaScript变量

 JavaScript变量名称的规则：

    *变量对大小写敏感（y和Y是两个不同的变量）

*变量必须以字母或下划线开始

声明（创建）JavaScript变量：

 您可以通过var语句来声明JavaScript变量：

 varx;

varcarname;

 在以上声明之后，变量并没有值，不过您可以在声明它们时向变量赋值：

 varx=5;

varcarname="Volvo";

 注释：

在为变量赋文本值时，请为该值加引号。

 重新声明JavaScript变量：

 如果您再次声明了JavaScript变量，该变量也不会丢失其原始值。

javascript基础

时间:

2009-10-0107:

32:

13来源:

网络作者:

未知点击:

87次

什么是 JavaScript？

 varx=5;

varx;

 在以上语句执行后，变量x的值仍然是5。

在重新声明该变量时，x的值不会被重置或清除。

 用于字符串的+运算符：

 +运算符用于把文本值或字符串变量加起来（连接起来）。

 如需把两个或多个字符串变量连接起来，请使用+运算符。

  对字符串和数字进行加法运算：

如果把数字与字符串相加，结果将成为字符串。

 JavaScript比较和逻辑运算符

 比较运算符：

 比较运算符在逻辑语句中使用，以测定变量或值是否相等。

 给定x=5，下面的表格解释了比较运算符：

===      全等（值和类型）     x===5为true；x==="5"为false

 条件运算符：

 JavaScript还包含了基于某些条件对变量进行赋值的条件运算符。

语法

 variablename=（condition）?

value1:

value2

JavaScript消息框

 可以在JavaScript中创建三种消息框：

警告框、确认框、提示框。

 警告框

 警告框经常用于确保用户可以得到某些信息。

 当警告框出现后，用户需要点击确定按钮才能继续进行操作。

语法：

 alert（"文本"）

 确认框

 确认框用于使用户可以验证或者接受某些信息。

 当确认框出现后，用户需要点击确定或者取消按钮才能继续进行操作。

 如果用户点击确认，那么返回值为true。

如果用户点击取消，那么返回值为false。

语法：

 confirm（"文本"）

提示框

 提示框经常用于提示用户在进入页面前输入某个值。

 当提示框出现后，用户需要输入某个值，然后点击确认或取消按钮才能继续操纵。

 如果用户点击确认，那么返回值为输入的值。

如果用户点击取消，那么返回值为null。

语法：

 prompt（"文本","默认值"）

JavaScript函数

 实例：

 函数

   如何调用函数。

带有参数的函数

   如何向函数传递变量，以及如何在函数中使用该变量。

带有参数的函数2

   如何向函数传递多个变量，以及如何在函数中使用这些变量。

返回值的函数

   如何从函数返回值。

带有参数并返回值的函数

如何向函数输入两个参数值，并返回值。

 JavaScript函数：

 将脚本编写为函数，就可以避免页面载入时执行该脚本。

 函数包含着一些代码，这些代码只能被事件激活，或者在函数被调用时才会执行。

 你可以在页面中的任何位置调用脚本（如果函数嵌入一个外部的.js文件，那么甚至可以从其他的页面中调用）。

 函数在页面起始位置定义，即部分。

 例如：

functiondisplaymessage（）

{

alert（"HelloWorld!

"）

}

"onclick="displaymessage（）">

 假如上面的例子中的alert（"Helloworld!

!

"）没有被写入函数，那么当页面被载入时它就会执行。

现在，当用户击中按钮时，脚本才会执行。

我们给按钮添加了onClick事件，这样按钮被点击时函数才会执行。

 如何定义函数：

创建函数的语法：

 function函数名（var1,var2,...,varX）

 {

 代码．．．

 }

 var1,var2等指的是传入函数的变量或值。

{和}定义了函数的开始和结束。

 return语句：

return语句用来规定从函数返回的值。

因此，需要返回某个值的函数必须使用这个return语句。

 JavaScript变量的生存期：

 当您在函数内声明了一个变量后，就只能在该函数中访问该变量。

当退出该函数后，这个变量会被撤销。

这种变量称为本地变量。

您可以在不同的函数中使用名称相同的本地变量，这是因为只有声明过变量的函数能够识别其中的每个变量。

 如果您在函数之外声明了一个变量，则页面上的所有函数都可以访问该变量。

这些变量的生存期从声明它们之后开始，在页面关闭时结束。

 JavaScriptFor...In声明

 For...In声明用于遍历数组或者对象的属性（对数组或者对象的属性进行循环操作）。

 for...in循环中的代码每执行一次，就会对数组的元素或者对象的属性进行一次操作。

 语法：

 for（变量in对象）

{

   在此执行代码

javascript基础

时间:

2009-10-0107:

32:

13来源:

网络作者:

未知点击:

87次

什么是 JavaScript？

}

 “变量”用来指定变量，指定的变量可以是数组元素，也可以是对象的属性。

 实例：

 使用for...in循环遍历数组。

varx

varmycars=newArray（）

mycars[0]="Saab"

mycars[1]="Volvo"

mycars[2]="BMW"

 for（xinmycars）

{

document.write（mycars[x]+"
"）

}

JavaScript事件

 事件

 JavaScript使我们有能力创建动态页面。

事件是可以被JavaScript侦测到的行为。

 网页中的每个元素都可以产生某些可以触发JavaScript函数的事件。

比方说，我们可以在用户点击某按钮时产生一个onClick事件来触发某个函数。

事件在HTML页面中定义。

事件举例：

    *鼠标点击

   *页面或图像载入

   *鼠标悬浮于页面的某个热点之上

   *在表单中选取输入框

   *确认表单

   *键盘按键

 注意：

事件通常与函数配合使用，当事件发生时函数才会执行。

例如：

JavaScriptTry...Catch语句

 try...catch的作用是测试代码中的错误。

 JavaScript-捕获错误

 当我们在网上冲浪时，总会看到带有runtime错误的Javascript警告框，同时会询问我们“是否进行debug？

”。

像这样的错误信息或许对开发人员有用，对用户则未必。

当错误发生时，他们往往会选择离开这个站点。

 本节向你讲解如何捕获和处理Javascript的错误消息，这样就可以为受众提供更多的便利。

 有两种在网页中捕获错误的方法：

    *使用try...catch语句。

（在IE5+、Mozilla1.0、和Netscape6中可用）

*使用onerror事件。

这是用于捕获错误的老式方法。

（Netscape3以后的版本可用）

例如：

vartxt=""functionmessage（）{try{adddlert（"Welcomeguest!

"）}catch（err）{txt="此页面存在一个错误。

\n\n"txt+="错误描述:

"+err.description+"\n\n"txt+="点击OK继续。

\n\n"alert（txt）}}

JavaScriptThrow声明

 throw声明的作用是创建exception（异常或错误）。

 Throw声明

 throw声明的作用是创建exception（异常）。

你可以把这个声明与try...catch声明配合使用，以达到控制程序流并产生精确错误消息的目的。

语法：

 throw（exception）

 exception可以是字符串、整数、逻辑值或者对象。

 例如：

varx=prompt（"Enteranumberbetween0and10:

",""）

 try

 {

if（x>10）

throw"Err1"

elseif（x<0）

throw"Err2"

}

catch（er）

{

if（er=="Err1"）

alert（"Error!

Thevalueistoohigh"）

 if（er=="Err2"）

 alert（"Error!

Thevalueistoolow"）

 }

JavaScript特殊字符

 你可以在JavaScript中使用反斜杠来向文本字符串添加特殊字符。

 插入特殊字符：

 反斜杠用来在文本字符串中插入省略号、换行符、引号和其他特殊字符。

在JavaScript中，字符串使用单引号或者双引号来起始或者结束。

 下面的表格列出了其余的特殊字符，这些特殊字符都可以使用反斜杠来添加到文本字符串中：

代码       输出

\'     单引号

\"     双引号

\&   和号

\\     反斜杠

\n    换行符

\r     回车符

\t     制表符

\b    退格符

\f     换页符

换行

 您可以在文本字符串内部使用反斜杠对代码进行折行。

下面的例子是正确的：

 document.write（"Hello\

World!

"）

 但是不能像这样折行：

document.write\

（"HelloWorld!

"）