第4讲JavaScript简介(2562KB).pptVIP

* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 第4讲 JavaScript简介 潘俊 panjun@ Phone:QQ:办公室：北7-1202-C JavaScript语言 回顾HTML-1 常用的HTML标签有哪些？ 请说明表格的基本结构以及跨行、跨列的用法？ 标签名称 说 明 html 定义一个完整的HTML文档 head 定义文档的头部 title 定义显示在浏览器左上方的标题内容 body 定义文档的主体 h1…h6 定义标题1至标题6 p 定义文本的段落 br 在文本中插入一个换行 img 插入一张图像 hr 插入一条水平分线 a 定义超级链接 !-- 定义注释 table border=1 tr td colspan=3学生成绩/td /tr tr td rowspan=2张三/td td语文/td td85/td /tr tr td数学/td td96/td /tr /table 跨列 跨行 回顾HTML-2 请简述表单的基本结构？常用表单元素有哪些？ form action= method=post …… /form 表单的基本结构： 常用的表单元素有： 文本框（text）、密码框（password）、多行文本框（textarea） 单选按钮（radio）、复选框（checkbox）、列表框（select和option） 按钮（button、submit和reset） 练习---制作简易计算器 需求说明 使用表格布局 参考代码 本讲目标 理解什么是程序 掌握脚本的基本结构 掌握JavaScript的执行原理 本讲单词 Program Compiler DOM(Document Object Model) BOM (Browser Object Model) Location history Cookies ?Var (variable) Alert Prompt comment 本讲内容 什么是程序 Java Script 程序 第一个JavaScript程序 什么是程序 程序一词来自生活，通常指完成某些事务的一种既定方式和过程 在日常生活中，可以将程序看成对一系列动作的执行过程的描述 介绍你从住处到学校上课的过程 银行 1、带上存折/银行卡去银行 3、将存折或储蓄卡递给银行职员并告知取款数额 2、取号排队 5、银行职员办理取款事宜 生活中的程序 6、拿到钱并离开银行 4、输入密码 1、做口述笔记…… 2、键入信函的内容…… 3、发送传真…… 1、口述 2、信函 document.write(口述); document.write(信函); document.write(传真); 指令被逐条执行 程序员 老板 秘书 计算机程序：为了让计算机执行某些操作或解决某个问题而编写的一系列有序指令的集合 要执行的一组指令 3、传真 计算机中的程序 编写程序的工具就是计算机语言，JavaScript就是多种语言中的一种 各种程序设计语言 计算机理解的语言: 机器码 高级程序设计语言 Java语言,C#语言,Basic语言,Pascal语言,C语言,Fotran语言等等 脚本语言：JavaScript, Jscript,ScriptEase 中文编程语言：易语言，习语言 本讲内容 什么是程序 Java Script 程序 第一个JavaScript程序 为什么要学JavaScript 表单验证－减轻服务器端压力 页面动态效果 演示示例：层的切换 和 树形菜单等 演示示例：注册表单验证 动态改变页面内容 演示示例：动态改变表格内容 什么是JavaScript JavaScript组成 DOM JavaScript ECMAScript BOM ECMAScript 语法标准 语法 变量和数据类型 运算符 逻辑控制语句 关键字、保留字 对象 编码遵循ECMAScript标准 浏览器对象模型 BOM 演示示例：弹出窗口 文档对象模型 DOM 演示示例：使用DOM改变超链接 脚本的基本结构 脚本的基本结构 script type=text/javascript !-- JavaScript 语句; -- /script 脚本执行原理 应用服务器 IE IE 解析HTML标签和JavaScript脚本 从服务器端下载含JavaScri