第05章 在网页中使用简单的

1、在网页设计与制作第5章网页中使用简单的JavaScript，演示者：王昭华，内容提要，JavaScript简介JavaScript编程基本JavaScript中基于事件的JavaScript对象JavaScript的应用程序优先级和难点，以及Netscape的liveupdate开发的面向对象的客户端脚本语言脚本语言(JavaScript、VBscript等)在HTML和C、C、Java、C#等编程语言之间的基本结构与C、C和Java等编程语言非常相似。脚本语言是无需编译即可直接使用、可由解释器解释并由浏览器直接执行以产生各种动态效果的解释语言。一、JavaScript简介、JavaScrip

2、t功能JavaScript启动和编辑环境网页如何使用JavaScript、一、JavaScript简介、JavaScript功能脚本语言基于对象的JavaScript是创建或使用自己的脚本环境内置对象的基于对象的语言简单JavaScript的基本语法结构类似于其他面向对象的高级语言，但放弃了许多复杂的属性；而且语法要求不是很严格，很容易写。i. JavaScript简介，JavaScript的特征安全JavaScript是一种安全语言，不允许访问本地硬盘，不允许在服务器上存储数据，不允许修改和删除网络文档，只允许通过浏览器浏览信息或进行动态交互。有效地防止数据丢失。动态JavaScript是动

3、态的，无需通过web服务程序即可直接响应用户或客户输入。跨平台JavaScript依赖于浏览器本身，并且只要浏览器支持JavaScript，就可以正常运行，无论操作环境如何。一、JavaScript简介、JavaScript启动和编辑环境启动环境： Internet Explorer 4.0或Netscape Navigator3.0或更高版本编辑环境用于编辑HTML文档的文本编辑器或特殊web编辑器(FrontPage、dread)、第一，介绍JavaScript，如何在网页中使用JavaScript使用脚本插入脚本直接添加脚本链接脚本文件，第一，介绍JavaScript，如何在网页中使用J

4、avaScript使用脚本插入方法：将脚本标记放在网页的head或body部分，然后在其中添加脚本程序。格式：Example5_1、第一、JavaScript简介、在网页中使用JavaScript等方法添加直接脚本方法您可以直接在html表单的输入元素标签内添加脚本，以响应输入元素的事件。示例：Example5_2、1、JavaScript简介，在网页中使用JavaScript链接脚本文件方法如果在多个网页中使用相同的脚本，则可以在需要文件的所有网页中调用文件之前，将脚本放在单独的文件中。引用时，使用script标签的src属性指定外部脚本文件的URL。首先，介绍JavaScript，使用网页

5、中的JavaScript创建脚本文件链接步骤脚本文件，另存为JavaScript源文件创建web文件，请参阅脚本文件，hello.jsfunction showmg () alert(你好)；，链接脚本文件，Example5_3，第一，JavaScript简介，如何在网页中使用JavaScript在：中使用JavaScript时，请注意大小写。JavaScript在行尾使用换行符作为整个代码行的终止字符。如果需要将代码行放在一行中，则必须使用分号在JavaScript中用：/*/(多行注释)或/(单行注释)分隔该行。您必须在html注释符号中包含脚本程序，以使不支持脚本的浏览器忽略脚本的内容。

6、内容馈送、JavaScript简介JavaScript编程基本JavaScript中的事件控制JavaScript中的对象JavaScript应用优先级和难点；其次，基于JavaScript编程、基本数据类型变量运算符表达式语句函数；其次，JavaScript中的对象JavaScript应用优先级和难点：12.98，6e8，2.6e5等。字符串类型为“”或“”的任意数量的字符，也可以是零个字符。“123”、“abc123”、“this is a book”布尔True或False NULL(空):包含空或不存在时定义引用的NULL。物件：包含各种物件类型，例如阵列类型、日期物件资料等。其次，基

7、于JavaScript编程的基本数据类型特殊常量控制字符：以“”开头的不可见特殊字符。第二，基于JavaScript编程的变量变量的主要作用是提供用于访问数据和存储信息的容器。针对命名变量的类型变量声明的变量范围(变量必须显式指定该变量)，其次，对于JavaScript编程基础，变量名称必须以字符或下划线(_)开头，并且变量名称不能包含空格、-、或其他特殊字符。不能将JavaScript中的关键字用作变量。JavaScript定义了40多个类键单词，这些键由JavaScript内部使用，不能用作变量的名称。Var、int、double和true不能是变量的名称。命名变量时，最好将含义与其含义相

8、匹配，以避免出现错误。在所述范围内必须唯一。变量名称区分大小写。其次，在基于JavaScript编程的变量类型的JavaScript中，变量类型由相应值的类型决定。在JavaScript中，可以将变量声明为命令var，例如var mytest。Var mytest= this is a book在JavaScript中未声明和使用变量时，可以根据数据类型确定变量类型。例如：x=100 y=125 XY=true COST=19.5，其中x是整数，y是字符串，XY是布尔型，COST是实数。第二，基于JavaScript编程，声明变量变量JavaScript中的变量声明格式： var变量名称1 =

9、初始值1，变量名称2 =初始值2.一个var声明多个变量，各变量之间用“，”分隔。示例： var mytest，thesum/此范例定义两个变数。未给出值。Var mytest=this is a book/此示例在定义mytest变量时授予其值。其次，基于JavaScript编程，变量变量的范围在JavaScript中具有全局变量和局部变量。全局变量在所有函数体外部定义，其范围为所有函数。局部变量在函数体中定义，仅针对该函数显示，而不针对其他函数显示。第二、基于JavaScript编程、第三、运算符：完成操作的一系列符号，也称为运算符。(P205)算术运算符：*、/、%、-字符串运算符： 是

10、两个字符串位运算符：return表达式；，Example12_11，ii，函数特定的说明函数由关键字function定义。函数名：调用函数时引用的名称。函数名对大小写敏感。参数表：调用此函数时接受传入数值的变量名。大括号内的语句是调用函数时执行的函数的执行语句。如果需要返回值，则可以使用return语句，并将需要返回的值放在return之后。如果未在Return之后指定值，或者未使用return语句，则函数返回值为不确定值。内容源，JavaScript简介JavaScript编程基本JavaScript中基于事件的对象JavaScript应用程序示例，第3部分，JavaScript中基于事件的

11、事件，事件通常将鼠标或热键的行为称为事件(Event)。例如，单击鼠标时生成onClick事件。由事件驱动的鼠标或热键引发的一系列程序称为事件驱动(例如，在发生onClick事件时验证表单数据)。第三，主要是基于JavaScript事件的onFocus焦点事件onBlur焦点事件onLoad加载文件onLoad卸载文件，Example12_12，内容馈送，更改事件在计算机世界中，包含背景色、前景色等的网页；打开、关闭、读取和写入；4、JavaScript对象和JavaScript中的对象包含两个基本元素：属性和方法。属性：用于说明对象特性的数据集，即多个变量。方法；用于操作对象属性的多个动作(

12、即多个函数)。4、JavaScript对象和用户可以在JavaScript中操作的对象通常有三种类型：JavaScript内部类型浏览器对象用户自己的对象访问对象属性或方法默认格式：对象名称。属性/方法、4、JavaScript对象、JavaScript内部类型String对象用于存储字符串(P210)示例： example12_13.htm Date对象从年到毫秒的所有时间和日期。(P211)示例：example12_14.htm Math对象(P213)，4，JavaScript中的对象，浏览器对象document对象document对象表示当前浏览器窗口中的文档，使用它表示文档中的所有其

13、他对象(例如差异：writen方法自动在输出字符串后添加文本换行(不是HTML)。此换行仅适用于标记块上的输出文本，其他情况将被忽略。因此，在大多数情况下，这两种方法没有区别。JavaScript对象、浏览器对象windows对象将生成一个对话框，其中包含12个属性、8个方法和2个事件(p215)事件： onLoad: onUnload:方法alert :的说明信息。Confirm:创建包含说明信息以及“OK(确定)”和“cancel(取消)”按钮的对话框。Prompt:创建对话框open:打开另一个浏览器窗口，其中包含“OK(确定)”和“cancel(取消)”按钮。关闭Close:浏览器窗口。SetTimeout:计时器设置清除clearTimeout:计时器，Example12_16，内容馈送，JavaScript简介J