WEB 开发-Javascript.ppt

WEB开发——Javascript JavaScript —— 起源 JavaScript —— 几个问题 JavaScript —— 组成 JavaScript —— 嵌入至HTML JavaScript —— 基本语法 JavaScript —— 变量 JavaScript —— 变量 JavaScript —— 变量 JavaScript —— 数据类型 JavaScript —— 运算符 JavaScript —— 运算符 JavaScript —— 运算符 JavaScript —— 运算符 JavaScript —— 程序设计 JavaScript —— 程序设计 JavaScript —— 程序设计 JavaScript —— 程序设计 JavaScript —— 程序设计 JavaScript —— 程序设计 JavaScript —— 程序设计 JavaScript —— 程序设计 JavaScript —— 核心语言对象 JavaScript —— 核心语言对象 JavaScript —— 函数 JavaScript —— 字符串 JavaScript —— 字符串 JavaScript —— 字符串 JavaScript —— Math JavaScript —— 数组 JavaScript —— 数组 JavaScript —— 数组 JavaScript —— Date JavaScript —— 事件 JavaScript —— 事件 JavaScript —— BOM对象 JavaScript —— BOM对象 JavaScript —— BOM对象 JavaScript —— BOM 对象 JavaScript —— BOM 对象 JavaScript —— BOM 对象 JavaScript —— BOM 对象 JavaScript —— BOM 对象 JavaScript —— BOM 对象 JavaScript —— BOM 对象 JavaScript —— BOM 对象 JavaScript ——表单处理 JavaScript ——表单处理 JavaScript ——表单处理 JavaScript ——表单处理 JavaScript ——表单处理 JavaScript ——表单处理 JavaScript ——frame/iframe JavaScript ——编写代码 JavaScript ——编写代码 2）赋值： ① 创建数组时将元素的值直接赋值。 ② 对数组的元素赋值。 数组名[下标] = 值； 例如： var emp = new Array(3); emp[0] = 1; emp[1] = “this is a string”; 3）属性： length 4）常用方法： join(sep_str) pop() push(emement1,emement2,…) shift() sort() 5）多维数组： 数组的数组。 示例 Date对象提供操作、显示日期与时间的函数。 这些方法用于设置时间和日期值 setxxx 这些方法用于获取时间和日期值 getxxx 这些方法用于解析字符串 parsexxx 这些方法用于从 Date 对象返回字符串值 Toxxx 说 明 方法分组 1. 概念 事件: 发生并得到处理的操作。 事件处理: Javascript 事件处理程序就是一组语句，在事件发生时执行。 处理基本语法: 事件名 = “Javascript代码函数” input type=”button” … onclick=“alert(‘单击我！’);” / 事件 处理事件 2.常用事件 键盘按下有松开时 onkeypress 键盘按下时 onkeydown 键盘松开时 onkeyup 表单提交 onsubmit 文档加载完成 onload 鼠标移出 onmouseout 鼠标悬停 onmouseover 失去焦点，即失去鼠标光标。 onblur 获得焦点，即获得鼠标光标。 onfocus 元素发生改变，主要文本或下拉框的选项 onchange 鼠标单击 onclick 说明 事件名 示例 1. BOM：浏览器对象模型 BOM只是 JavaScript 的一个部分，但没有任何相关的标准。 2. DOM：文档对象模型 DOM 采用树状节点来描述整个页面文档。 HTML页面的每个部分都是一个节点的衍生物。 DOM 是 BOM 的一部分，是各浏览器实现的对页面文档处理的模型。 Window 窗口对象 location 地址对象 document 文档对象 from 表单对象