1.5 JavaScript脚本（课件）-高一《网页设计与制作（Dreamweaver CC》同步精品课堂（电工版2021）

网页设计与制作（Dreamweaver CC） 第三版 JavaScript脚本 网页设计基础 JavaScript脚本 2.1 学习任务描述： 通过编制一个JavaScript脚本程序，打印1 一10之内的奇数之和，介绍JavaScript脚本程序在HTML语言中的应用。 在本任务中，需要完成以下操作： ．在记事本中输入含有JavaScript脚本程序的HTML代码，制作简单网页； ．浏览该网页，打印1一10之内的奇数之和。 任务解析 （1）选择“开始”— “所有程序'' —“附件"一“记事本"命令，打开记事本窗口 在记事本中输入以下代码： </body> </html> JavaScript脚本 2.1 （2）代码输入完毕，选择“文件”— “保存'' 命令，打开“另存为”对话框，选择保存位置为素材库的chapterl文件夹，文件名为，保存类型为“所有文件"，单击 “保存”按钮。 （3）在“计算机"中打开chapter]文件夹，双击myweb4.html打开浏览器，浏览该网页，效果如图1-20所示。 JavaScript脚本 2.1 （1）内部链接：链接到本地计算机中的文件。 （2）外部链接：链接到本地站点以外的任何一个站点中的文件。 （3）E-mail链接：链接到一个电子邮件地址，单击将启动默认的E-mail程序发送邮件。 JavaScript脚本 2.1 Java Script脚本 Java Script是一种基于对象和事件驱动并具有安全性能的脚本语言，使用目的是与HTML 一起实现在一个web页面中与web客户的交互作用。JavaScript脚本语言是通过嵌入或调入标准的HTML中实现的。当浏览器打开含有JavaScript脚本的页面时，会读出这个脚本并执行其命令，因此JavaScript使用简单、运行快，适用于较简单的应用。 JavaScript脚本 2.1 JavaScript是一种脚本语言，下面就介绍这种语言的基本语法： 1．常量 在JavaScrmpt中，常量有六种基本类型。 （1）整型常量：可以使用十六进制、八进制和十进制表示。 （2）实型常量：用整数部分和小数部分表示，如12、12、125．369等。 （3）布尔值．布尔常量只有true和false两种状态。 JavaScript脚本 2.1 JavaScript是一种脚本语言，下面就介绍这种语言的基本语法： 1．常量 在JavaScrmpt中，常量有六种基本类型。 （4）字符型常量：使用单引号或双引号括起来的一个或几个字符。 （5）空值：JavaScript中有一个空值null'表示什么也没有。 （6）特殊字符：JavaScnpt有以反斜杠（\）开头的、不可显示的特殊字符。 JavaScript脚本 2.1 JavaScript是一种脚本语言，下面就介绍这种语言的基本语法： 2．变量 变量是存取数据、提供存放信息的容器，包括整数变量、字符型变量、布尔型变量和实数变量。 JavaScript脚本 2.1 3．运算符 1）算术运算符 通过算术运算符可以进行加、减、乘、除和其他数学运算。 算术运算符 描述 + 加 — 减 * 乘 / 除 % 取模 ++ 抵加1 -- 递减1 JavaScript脚本 2.1 2）．逻辑运算符 逻辑运算符用于比较两个布尔值（真或假），并返回一个布尔值 JavaScript脚本 2.1 3）．比较运算符 比较运算符可以比较表达式的值，并返回一个布尔值 JavaScript脚本 2.1 基本程序语句 （1）if语句 （2）for语句 实现条件循环，当条件成立时，执行语句块，否则跳出循环体。 JavaScript脚本 2.1 基本程序语句 （3）break语句 break语句用于结束当前的循环，并把程序的控制权交给循环的吓一跳语句。 （4）continue语句 continue语句用于结束当前的某一次循环，但并没有跳出整个循环。 JavaScript脚本 2.1 函数是一个拥有名字的一系列JavaScript语句的有效组合，如果这个函数被调用，则该函数内的一系列JavaScnpt语句被顺序解释执行。定义函数和调用函数是截然不同的概念定义函数只是让浏览器知道有这样一个函数，只有在函数被调用时，其代码才真正被执行。 JavaScript脚本 2.1 /作业布置/ 1.5 （1）基本程序语句有哪些 （2）运算符的分类和内容 感谢观看 $