第6章 脚本编程 讲述脚本的概念、JavaScript的基本语法、在页面上创建JavaScript的方法,重 点介绍了JavaScript内置对象和浏览器对象在Web页上的应用.

Slides:



Advertisements
Similar presentations
1 HTML 语言与网页设计 —— DHTML 技术 2 学习目标 理解客户端脚本的作用,掌握在 网页中使用客户端脚本的方法。 理解 JavaScript 语言的基本语法。 理解 JavaScript 对象和浏览器对 象在脚本编程中的作用。 理解 DHTML 的原理,能够在网页 中应用 DHTML.
Advertisements

白玉苦瓜 余光中.
JavaScript脚本语言 两个简单的方法 alert(strvar); document.write(strvar);
Tool Command Language --11级ACM班 金天行.
P303 HTML/DHTML/CSS/JavaScript 專業HTML網頁設計 陳錦輝.
了解JavaScript.
第一讲 JavaScript编程基础 信息学院 周宝刚.
第4章 JavaScript脚本语言基础 4.1 JavaScript简介 4.2 JavaScript语法基础
JavaScript 语言基础.
第3章 JavaScript语言基础.
《网页设计与制作》 教学课件.
《网页设计与制作》 教学课件 主讲人:湖南铁道职业技术学院 陈承欢
14 JavaScript语言基础 JavaScript是一种轻量级、解释型的Web开发语言。所谓轻量级,就是语言的体系结构不是很庞杂,例如,没有C、Java等语言中的类、内存管理、系统管理等高深的知识范畴;所谓解释型,就是语言在浏览器或服务器等环境中直接被解释执行,不需要对源代码进行编译操作。
基于解释性语言的手机跨平台架构 Sloan Yi. Qt MTK.
在PHP和MYSQL中实现完美的中文显示
5.1 – 表格(FORM) 輸入元素 : 兩種傳遞方法 : GET or POST 範例 1. 文字欄位 Text box
EBNF与操作语义 请用扩展的 BNF 描述 javascript语言里语句的结构;并用操作语义的方法描述对应的语义规则
Hadoop I/O By ShiChaojie.
EBNF 请用扩展的 BNF 描述 C语言里语句的结构; 请用扩展的 BNF 描述 C++语言里类声明的结构;
SVN的基本概念 柳峰
第二讲 搭建Java Web开发环境 主讲人:孙娜
張智星 台大資工系 多媒體檢索實驗室 第五章 自訂函數 張智星 台大資工系 多媒體檢索實驗室.
JavaScript 语言3 学习网站:心蕊设计
本單元介紹何謂變數,及說明變數的宣告方式。
第3章 C语言的基本语句 和程序结构设计.
SQL Injection.
走进编程 程序的顺序结构(二).
辅导课程六.
第一单元 初识C程序与C程序开发平台搭建 ---观其大略
1.2 MATLAB变量表达式与数据格式 MATLAB变量与表达式 MATLAB的数据显示格式
第二章 Java语言基础.
DevDays ’99 The aim of this mission is knowledge..
任务1-3 使用Dreamweaver创建ASP网页
SOA – Experiment 2: Query Classification Web Service
JavaScript培训
程式語言與邏輯 高慧君 台北市立南港高中 2006年12月22日.
第三章 HTML相关技术基础知识 纵观各种动态页面开发技术,无论是JSP、ASP还是PHP都无 法摆脱HTML的影子。这些动态的页面开发技术无非是在静 态HTML页面的基础上添加了动态的可以交互的内容。HTML 是所有动态页面开发技术的基础。在接下来的章节将要详 细介绍的就是HTML相关的一系列技术,包括HTML、
第4章 PHP流程控制语句.
C++语言程序设计 C++语言程序设计 第七章 类与对象 第十一组 C++语言程序设计.
1.3 C语言的语句和关键字 一、C语言的语句 与其它高级语言一样,C语言也是利用函数体中的可执行 语句,向计算机系统发出操作命令。按照语句功能或构成的不 同,可将C语言的语句分为五类。 goto, return.
C语言程序设计 主讲教师:陆幼利.
EBNF与操作语义 请用扩展的 BNF 描述 javascript语言里语句的结构;并用操作语义的方法描述对应的语义规则
C++语言程序设计 C++语言程序设计 第六章 指针和引用 第十一组 C++语言程序设计.
JavaScript Sunxiaoshen.
四:JAVA语言基础.
计算机网络与网页制作 Chapter 07:Dreamweaver CS5入门
C语言程序设计 第一章 数据类型, 运算符与表达式 第二章 顺序程序设计 第三章 选择结构程序设计 第四章 循环控制 第五章 数组.
项目二:HTML语言基础.
第3章 JavaScript基本语句.
第4章 Excel电子表格制作软件 4.4 函数(一).
JSP实用教程 清华大学出版社 第2章 JSP运行环境和开发环境 教学目标 教学重点 教学过程 2019年5月7日.
第九节 赋值运算符和赋值表达式.
多层循环 Private Sub Command1_Click() Dim i As Integer, j As Integer
ASP.NET实用教程 清华大学出版社 第4章 C#编程语言 教学目标 教学重点 教学过程 2019年5月5日.
Visual Basic程序设计 第13章 访问数据库
2.6 字符型数据 一、 字符常量 1、字符常量的定义 用一对单引号括起来的单个字符,称为字符常量。 例如,‘A’、‘1’、‘+’等。
第二章 Java基本语法 讲师:复凡.
C程序设计 实验二 数据类型、运算符和表达式 第6讲
本节内容 C语言的汇编表示 视频提供:昆山爱达人信息技术有限公司 官网地址: 联系QQ: QQ交流群 : 联系电话:
第二章 Java基本语法 讲师:复凡.
W3C标准网页制作 主讲教师:张 涛.
C++语言程序设计 C++语言程序设计 第一章 C++语言概述 第十一组 C++语言程序设计.
C++语言程序设计 C++语言程序设计 第九章 类的特殊成员 第十一组 C++语言程序设计.
WEB程序设计技术 数据库操作.
数的简单处理 ——顺序结构、变量、数据类型、运算符
VFP的基本数据运算(一).
顺序结构程序设计 ——关于“字符串”和数值.
编译原理实践 6.程序设计语言PL/0.
2 Java语言基础 (数据运算与流程控制).
第二章 简单数据类型 §2.1 数据类型概述 §2.2 变量和常量 §2.3 简单数据类型 §2.4 简单数据类型的相互转换
Presentation transcript:

第6章 脚本编程 讲述脚本的概念、JavaScript的基本语法、在页面上创建JavaScript的方法,重 点介绍了JavaScript内置对象和浏览器对象在Web页上的应用

6.1 脚本概述 脚本语言是在另一个环境(如HTML)中运行的语言,用脚本编写的代码必须通过适当的解释器执行。 嵌入式,具有解释执行的特征 脚本程序类型 JavaScript VBScript 客户端脚本 脚本程序 JavaScript VBScript Perl Shell Script PHP 服务器端脚本

6.1.1 VBScript IE3.x以上版本支持,其它需装插件。 JavaScript 简单易学,使用方便,在客户端受主流浏览器支持,通用性好 特点:简单性、基于对象、可移植性、动态性

6.2 JavaScript编程基础 6.2.1 JavaScript程序的编辑和调试 可用任意文本编辑器来编辑JavaScript程序 将JavaScript程序嵌入HTML文件的方法有两种: (1)在HTML中使用<>、</>标签加入JavaScript语句, 格式: <script language = “JavaScript”> (代码语句) </script> (2) 将JavaScript程序以扩展名为.js的文件单独存放,再利用以下格式嵌入 <script src=JavaScript 文件名> 这种方式有利于共享 注:JavaScript对大小写敏感; 在程序中, 换行符是一个完整语句的结束标志;若要将几行语句放在同一行中,则各语句用”;”分隔

JavaScript编程基础 1.数据类型 2.常量和变量 十进制 八进制 十六进制 数值型 逻辑型: 真和假 字符型: 双引或单引号括起 常量: 直接引用 命名变量的规则: 1.由字母开头,字母数字下划线组成 2.长度不超一行,不用保留字 3.区分大小写 变量: 声明或赋值

3.运算符和表达式 赋值运算符: =,+=,-=,*=,/=,%/ 算术运算符:+, -, *, /, %, ++, --, - 运算符 字符运算符: + 逻辑运算符: &&与运算, ‖或运算, !运算. 关系运算符: ==, !=, <, >, <=, >= 算术表达式: 值为数值型 运算符和表达式 表达式 字符串表达式: 值为字符串 逻辑表达式: 值为逻辑值 条件表达式: (condition)?val1:val2

4. 流程控制 if语句 条件转移语句 switch语句 流程控制 for语句 循环语句 while 语句 break和continue语句

5.函数 语法格式: function function_name (parameters) { function_block; return exp; } 函数的调用: 直接在需要的位置输入函数的名称和需要的参数即可 见P134 建议: 在HTML文件的头部定义所有函数 变量的作用域: 函数外定义是全局,函数内定义是局部

6.事件触发和处理 事件驱动——由鼠标或热键引发的一连串的动作 事件处理程序——对事件进行处理的程序或函数 见P135 表6-3 例6-4

6.3 对象 6.3.1 对象概述 内置对象 自定义对象 对象 由浏览器根据页面内容自动提供的对象 属性(property): 对象的数据 服务器上固有的对象 对象 对象处理语句:this, for….in, with, new 方法(method):对数据的操作

6.3.2常用的JavaScript内置对象     string对象     Math对象     Date对象     Array对象 祥见P137

6.3.3 JavaScript 的常用函数   eval()函数   parseInt()函数   parseFloat()函数 见P141

6.3.4 JavaScript的浏览器对象 Navigator, window, document, location, history, form, button, password, chenckbox 等 层次结构 window history document location … form text … checkbox password button

小结 介绍了脚本语言JavaScript的应用