《网页编程基础》PPT课件

网页编程基础,目标,掌握HTML的基本元素掌握HTML的table元素掌握HTML的form元素理解JavaScript的基本原理。掌握JavaScript的基本语法。理解HTML事件机制。,基本概念,HTTP-HyperTextTransferProtocol：超文本传输协议HTML-HyperTextMarkupLanguage：超文本标记语言FTP-FileTransferProtocol：文件传输协议URL-UniformResourceLocators：统一资源定位器,HTML基本框架,Sample,HTML基础,标记文档中含有超文本的内容html文档的头部，含有初始化信息页面的标题文档体，包含页面所有的具体内容超级链接图片标记,Head中的常用元素,：用于设置一些头信息用于定义格式用于定义脚本,HTML字体和文字布局,：各级标题：字体的颜色、大小：黑体：斜体：下划线：斜向上表示：斜向下表示：无序号列表：有序号列表：定义段落：换行：分区显示,HTML表格和表单标记,：定义表格：定义行：定义列：定义表头定义表单文本框密码框多选框单选框隐藏项文本域,JavaScript,JavaScript是一种脚本语言,可以嵌入到HTML中,主要用于网页动态效果和HTML客户端表单验证客户端的JavaScript必须要有浏览器的支持,通过在网页中加入标记引入外部的以.js作为扩展名JavaScript文件一个页面可以有几个，不同部分的方法和变量，可以共享。,document.write(“第一个JavaScript页面);,在网页中加入JavaScript,JavaScript基本语法,JavaScript是一门弱类型的语言，所有的变量定义均以var来实现JavaScript区分大小写JavaScript中可以添加注释/单行注释/*多行注释*/,JavaScript基本语法变量,变量定义：用var来定义变量虽然JavaScript可以不需定义即可直接使用变量，但不建议这么做(12.htm),JavaScript基本语法数组,数组定义vararr=newArray(3);通过arr.length取得数组的长度13.htm,JavaScript基本语法运算符,算术运算+、-、*、/（14.htm）、=、=、=,JavaScript基本语法运算符,逻辑运算与：&或：|非：!15.htm,JavaScript基本语法运算符,字符串运算符连接运算：+(16.htm)取子集：substring(index1,index2)(17.htm),JavaScript基本语法运算符,条件表达式条件?A:B(18.htm),JavaScript基本语法控制语句,if语句if(条件)elseif(条件1)else(19.htm),JavaScript基本语法控制语句,while语句while(条件)20.htm,JavaScript基本语法控制语句,switch语句switch(i)casei1:casei2:default:(21.htm),JavaScript基本语法循环语句,for22.htm,JavaScript基本语法循环语句,dowhile23.htmwhile24.htm,JavaScript基本语法函数,函数的定义利用function来定义一个函数(25.htm)传入参数(26.htm)传出值(27.htm),JavaScript事件处理,onBlur：在select、text、password、textarea失去焦点时。(onBlur.htm)onChange：在select、text、textarea的值被改变且失去焦点时(onChange.htm/SelectonChange.htm)onClick：出现在一个课选对象被鼠标选中时（button,checkbox,radio,link,reset,submit,text,textarea等）onFocus：在用户为了输入而选择select、text、textarea时(onFocus.htm)onLoad：出现在一个文档完成对一个窗口的载入时,JavaScript事件处理,onMouseOver：鼠标被移动到一个超连接上时onMouseOut：鼠标从一个超连接上移开时onSelect：当form对象中的内容被选中时视情况可以对一个对象组合使用这些事件处理onSubmit：出现在用户通过提交按钮提交一个表格时onUnload：当用户退出一个文档时,JavaScript的对话框,警告框(alert)：出现一个提示信息28.htm询问框(prompt)：返回输入的值29.htm确认框(confirm)：根据不同的选择，返回true/false30.htm,窗口中的对象和元素,window当前窗口（35.htm）新开窗口（37.htm）通过本地窗口控制新开窗口(38.htm),窗口中的对象和元素,location获取或设置现有文档的URL(39.htm),窗口中的对象和元素,history先前访问过的URL的历史列表(40.htm/41.htm)常用方法：back()，go(number),窗口中的对象与元素,document当前的文档对象document.write()document.f