《《网页编程基础》PPT课件.ppt》由会员分享，可在线阅读，更多相关《《网页编程基础》PPT课件.ppt（31页珍藏版）》请在三一办公上搜索。
1、网页编程基础,目标,掌握HTML的基本元素掌握HTML的table元素掌握HTML的form元素理解JavaScript的基本原理。掌握JavaScript的基本语法。理解HTML事件机制。,基本概念,HTTP-HyperText Transfer Protocol：超文本传输协议HTML-HyperText Markup Language：超文本标记语言FTP-File Transfer Protocol：文件传输协议URL-Uniform Resource Locators：统一资源定位器,HTML基本框架,Sample,HTML基础,标记文档中含有超文本的内容html文档的头部，含有初始
2、化信息页面的标题文档体，包含页面所有的具体内容 超级链接图片标记,Head中的常用元素,：用于设置一些头信息用于定义格式用于定义脚本,HTML字体和文字布局,：各级标题：字体的颜色、大小：黑体：斜体：下划线：斜向上表示：斜向下表示：无序号列表：有序号列表：定义段落：换行：分区显示,HTML表格和表单标记,：定义表格：定义行：定义列：定义表头定义表单 文本框 密码框 多选框 单选框 隐藏项 文本域,JavaScript,JavaScript 是一种脚本语言,可以嵌入到HTML中,主要用于网页动态效果和HTML客户端表单验证客户端的JavaScript 必须要有浏览器的支持,通过在网页中加入标记引
3、入外部的以.js作为扩展名JavaScript文件一个页面可以有几个，不同部分的方法和变量，可以共享。,document.write(“第一个 JavaScript 页面);,在网页中加入JavaScript,JavaScript基本语法,JavaScript是一门弱类型的语言，所有的变量定义均以var来实现JavaScript区分大小写JavaScript中可以添加注释/单行注释/*多行注释*/,JavaScript基本语法变量,变量定义：用var来定义变量虽然JavaScript可以不需定义即可直接使用变量，但不建议这么做(12.htm),JavaScript基本语法数组,数组定义var
4、arr=new Array(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(条件)else if(条件1)else(19.htm),JavaScri
5、pt基本语法控制语句,while语句while(条件)20.htm,JavaScript基本语法控制语句,switch 语句switch(i)case i1: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失
6、去焦点时。(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：鼠
7、标从一个超连接上移开时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.formName,总结,HTML的基本元素JavaScript只能运行在浏览器中JavaScript的基本语法JavaScript事件处理JavaScript中的window,document,location,history 对象,
