HTML语言和动态交互.ppt

动态网页设计 ASP 第六单元HTML语言和动态交互 HTML语言 网页和HTML语言的关系 1 一个空白网页的HTML代码无标题文档 该网页的HTML文件使用了国标GB2312 是简体中文主页 网页和HTML语言的关系 1 一个空白网页的HTML代码定义网页文件的开始和结束定义网页的头部定义网页的标题定义网页正文HTML标记的特点 1 都用括起来 大多数成对出现 结束标记多一根 2 可以嵌套使用 但不能发生交叉嵌套 第6章目录 网页和HTML语言的关系 2 在空白网页上输入一行文本无标题文档江西外语外贸职业学院学工处 第6章目录 网页和HTML语言的关系 3 在网页中插入图像无标题文档江西外语外贸职业学院学工处 第6章目录 HTML语言的语法规则 1 HTML语言的基本结构文档标题部分文件标题标记页面的开始和结尾页面主体部分页面主体标记 第6章目录 网页和HTML语言的关系 2 HTML语言的语法 1 对象 2 对象例 教育部要求全国学校实施晨检应对流感疫情 3 例 不分段换行标记 常用的HTML文本格式标记和含义 标题字号标记例 江西外语外贸职业学院 常用的HTML文本格式标记和含义 字体颜色标记例 常用的HTML文本格式标记和含义 字体对齐标记例 教育部要求全国学校实施晨检应对流感疫情 第6章目录 常用的HTML文本格式标记和含义 字体标记例 教育部要求全国学校实施晨检应对流感疫情 第6章目录 常用的HTML文本格式标记和含义 字号标记例 教育部要求全国学校实施晨检应对流感疫情 第6章目录 常用的HTML文本格式标记和含义 分段标记例 志存高远 坚定信念 努力学习马克思列宁主义 毛泽东思想 邓小平理论和 三个代表 重要思想 面向世界 了解国情 确立在中国共产党领导下走社会主义道路 实现中华民族伟大复兴的共同理想和坚定信念 努力成为有理想 有道德 有文化 有纪律的社会主义新人 第6章目录 常用的HTML文本格式标记和含义 换行标记例 江西外语外贸职业学院学工处网站高度的事业心 责任感是做好高职院校班主任工作的前提 班主任高度的责任感集中表现为无私奉献 表现在对学校 对学生负责 体现在上对学校负责 下对学生负责两个方面 班主任具有责任感就能充分发挥好桥梁和纽带作用 全面执行党的教育方针政策 保证学校布置的各项工作迅速及时 准确无误 畅通无阻地传达到班级 插入图片和水平分隔线标记 插入图片标记例 插入图片和水平分隔线标记 插入水平分割线标记例 第6章目录 插入超级链接标记 教育部要求全国学校实施晨检应对流感疫情 表格和表格属性标记 第六单元HTML语言和动态交互 JavaScript程序 第6章目录 什么是JavaScript JavaScript的基本特点是脚本语言 在程序运行过程中逐行的解释运行 是基于对象的语言 能运用自己已经创建的对象 运行时只通过浏览器实现信息浏览和动态交互 直接对用户的输入作出响应 只依赖浏览器本身 与操作环境无关 可以嵌入HTML的文件中 一个JavaScript应用的实例 在网页上插入一个图片当鼠标指向图片时弹出信息框 江西外语外贸职业学院学工处 观察前后代码的变化 第6章目录 无标题文档 一个JavaScript应用的实例 一个JavaScript应用的实例 JavaScript的表达式条件表达式 条件 A B如果表达式条件成立 则取A 否则 取B JavaScript的语法规则 JavaScript的表达式表达式的赋值操作符 如 X Y 1 把Y 1的值赋给X JavaScript的语法规则 JavaScript的语法规则 JavaScript的变量与常量在JavaScript中可以使用以下数据类型 数字 没有严格区分整数和实数逻辑值 只有两个常量 true和false字符串 放置在单引号和双引号内的字符对象 可以想象为一个命名好的容器 既可以放数据 还可以对数据进行操作 JavaScript的操作符代数操作符A B 求余 A 增量 X 取反 比较操作符A BA BA BA BA BA B JavaScript的语法规则 JavaScript的语法规则 JavaScript的对象内置对象与函数String 实现对字符串的处理Math 实现对数学运算的处理Array 实现对组的处理Date 实现对日期与时间的处理 Date对象常用的方法getYear获得年份getMonth获得月份 0代表1月 getDate获得日getDay以0 6的数字返回星期数 其中0代表星期天getHours获得小时数getMinutes获得分钟数getSeconds获得秒数 JavaScript的语法规则 JavaScript的语法规则 JavaScript的事件处理JavaScript的事件是通过鼠标或热键动作引发的主要包括 单击事件 改变事件 选中事件 获得焦点事件 载入文件 鼠标经过 按下鼠标 释放鼠标 拖放鼠标 在网页中以 XXXX年XX月XX日星期X 的格式 显示系统当前日期和星期数 若为星期六或星期日 则星期数用红色显示 分析 要获得系统当前的日期和星期数 可用Date对象来实现 其中0代表星期天 为便于转换 可将汉字的星期数分别存于数组中 实现的代码如下 JavaScript应用实例 JavaScript应用实例 varcurDate newDate 创建一个实例 实例名为curDatedd curDate getDate mm curDate getMonth 1 0代表1月份yy curDate getYear weekday curDate getDay 获得星期数document write yy document write 年 输出XX年document write mm document write 月 document write dd document write 日 varweek newArray 定义数组week 0 星期日 week 1 星期一 week 02 星期二 week 3 星期三 给数组元素赋值week 4 星期四 week 5 星期五 week 6 星期六 if weekday 0 weekday 6 document write week weekday slse document write week weekday JavaScript应用实例 边学边练完成任务 观察和分析 江西外语外贸职业学院学工处 网站主页代码 并在该页面嵌入相应JavaScript程序