TP01-javascript基本语法.pptVIP

共性问题集中讲解 常见调试问题及解决办法 代码规范问题 共性问题集中讲解 程序调试 Firebug工具 单步进入 单步跳过 单步退出 alert()方法 演示示例：程序调试 练习——调试程序 需求说明 使用alert()或Firebug工具调试程序 调试后参考代码 完成时间：10分钟 共性问题集中讲解 常见调试问题及解决办法 代码规范问题 共性问题集中讲解 总结 大家简述一下JavaScript脚本的基本结构？ JavaScript在页面中的应用有哪几种？请举例说明 下面使用typeof返回的值分别是什么？ Typeof(“rose”) Typeof(105.58) Typeof(false) 布置作业 课后作业 打印倒正金字塔实线 使用switch语句，首先弹出提示框要求用户输入今天星期几？如是星期一，弹出对话框“新的一周开始了”，周二、三、四对话框显示“努力工作”，周五显示“明天就周末了”，其他显示“放松的休息” * * * * * * * * * * * * * * * * 对于提前完成的学员，可以继续根据输入的次数，显示出一个菱形 * * * JavaScript的基本语法 第一章 本门课程目标 使用JavaScript实现表单验证 使用JavaScript制作网页广告特效 使用JavaSctipt制作弹出窗口特效 使用JavaScript实现时钟特效 使用JavaScript实现级联显示功能 使用JavaScript+CSS实现CSS样式特效 使用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） 练习---制作简易计算器 需求说明 使用表格布局 参考代码 完成时间：30分钟 共性问题集中讲解 常见调试问题及解决办法 代码规范问题 共性问题集中讲解 本章任务 本章目标 掌握脚本的基本结构 掌握JavaScript的执行原理 使用JavaScript实现在页面上打印三角形 为什么要学JavaScript 表单验证－减轻服务器端压力 页面动态效果 演示示例：层的切换 和 树形菜单等 演示示例：注册表单验证 动态改变页面内容 演示示例：动态改变表格内容 什么是JavaScript DOM JavaScript ECMAScript BOM JavaScript组成 ECMAScript 语法标准 语法 变量和数据类型 运算符 逻辑控制语句 关键字、保留字 对象 编码遵循ECMAScript标准 浏览器对象模型 BOM 演示示例：弹出窗口 文档对象模型 DOM 演示示例：使用DOM改变超链接 脚本的基本结构 脚本的基本结构 script type=text/javascript !-- JavaScript 语句; -- /script 脚本执行原理 应用服务器 IE IE 解析HTML标签和JavaScript脚本 从服务器端下载含JavaScript的页面 返回响应 客户端请求包含JS的页面 发送请求 1 浏览器输入 2 3 输出Hello World …… title输出Hello Wordl/title script type=text/javascript document.write(使用JavaScript脚本循环输出helloworld); for(var i=0;i5;i++) { document.write(h3Hello W