25网页编程基础

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基本框架samplehtml基础 标记文档中含有超文本的内容 html文档的头部，

2、含有初始化信息 页面的标题 文档体，包含页面所有的具体内容 超级链接 图片标记head中的常用元素 ：用于设置一些头信息 用于定义格式 用于定义脚本 ：各级标题 ：字体的颜色、大小 ：黑体：斜体：下划线：斜向上表示：斜向下表示 ：无序号列表：有序号列表 ：定义段落：换行 ：分区显示 ：定义表格：定义行：定义列：定义表头 定义表单 文本框 密码框 多选框 单选框 隐藏项 文本域javascript javascript 是一种脚本语言,可以嵌入到html中,主要用于网页动态效果和html客户端表单验证 客户端的javascript 必须要有浏览器的支持 通过在网页中加入标记 引入外部的以.js作

3、为扩展名javascript文件 一个页面可以有几个 ，不同部分的方法和变量，可以共享。 document.write(“第一个 javascript 页面);在网页中加入javascriptjavascript基本语法 javascript是一门弱类型的语言，所有的变量定义均以var来实现 javascript区分大小写 javascript中可以添加注释 /单行注释 /* 多行注释 */javascript基本语法变量 变量定义： 用var来定义变量 虽然javascript可以不需定义即可直接使用变量，但不建议这么做(12.htm)javascript基本语法数组 数组定义 var ar

4、r = new array(3); 通过arr.length取得数组的长度 13.htmjavascript基本语法运算符 算术运算 +、-、*、/（14.htm） 、=、=、=javascript基本语法运算符 逻辑运算 与：& 或：| 非：! 15.htmjavascript基本语法运算符 字符串运算符 连接运算：+ (16.htm) 取子集：substring(index1,index2)(17.htm)javascript基本语法运算符 条件表达式 条件?a:b(18.htm)javascript基本语法控制语句 if语句 if(条件) else if(条件1) else(19

5、.htm)javascript基本语法控制语句 while语句 while(条件) 20.htmjavascript基本语法控制语句 switch 语句 switch(i) case i1: casei2: default: (21.htm)javascript基本语法循环语句 for 22.htmjavascript基本语法循环语句 dowhile 23.htm while 24.htmjavascript基本语法函数 函数的定义 利用function来定义一个函数(25.htm) 传入参数(26.htm) 传出值(27.htm)javascript事件处理 onblur：在select、t

6、ext、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：

7、鼠标被移动到一个超连接上时 onmouseout：鼠标从一个超连接上移开时 onselect：当form对象中的内容被选中时 视情况可以对一个对象组合使用这些事件处理 onsubmit：出现在用户通过提交按钮提交一个表格时 onunload：当用户退出一个文档时javascript的对话框 警告框(alert)：出现一个提示信息 28.htm 询问框(prompt)：返回输入的值 29.htm 确认框(confirm)：根据不同的选择，返回true/false 30.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.