javascript基础入门.pptVIP

JavaScript 主要内容 了解JavaScript JavaScript入门 语言基础 内置对象 对象与DOM 图像处理 框架 表单与事件处理 一、了解JavaScript 1.了解JavaScript 2. JavaScript与Java 3.JavaScript与Java不同点 4.JavaScript工作流程 5.JavaScript可以做什么 6.JavaScript不可以做什么 二.JavaScript入门 1.脚本写在哪里？ 2.第一个JavaScript程序 3.在脚本中写注释 4.弹出对话框 5.关闭一个浏览器窗口 三.语言基础 1.基本数据类型 ——常量 2.基本数据类型——变量 3.转义字符 4.表达式 5.运算符 6.控制语句 7.JavaScript函数 8.错误处理 使用原型对象 例如，如果想要能够删除字符串的前后空格（与 VBScript 的 Trim 函数类似），就可以给 String 原型对象创建自己的方法。 Stotype.trim = function(){ // 用正则表达式将前后空格用空字符串替代。 return this.replace(/(^\s*)|(\s*$)/g, ); } var s = leading and trailing spaces ; // 显示 leading and trailing spaces (35) window.alert(s + ( + s.length + )); // 删除前后空格 s = s.trim(); // 显示leading and trailing spaces (27) window.alert(s + ( + s.length + )); 五.对象与DOM 1、宿主对象 2、浏览器对象(Navigator) 3、屏幕对象(screen) 4、窗口对象(Windows) 5、位置对象(Location) 6、历史对象(History) 7、文档对象(Document) 8、文档DOM 9、DOM结构图 10、添加节点 11、删除节点 12、插入节点 13、替换节点 六.图像处理 1.翻转器（rollover） 2.低级翻转器 3.高级翻转器 4.链接式翻转器 5.三状态翻转器 七 .框架 1、框架概述 2、一个简单的框架 3、防止页面显示在框架中 4、迫使站点显示在框架中 5、创建和装载动态框架 6、在框架间共享函数 7、用javascript装载iframe 八.表单与事件处理 1、选择并转移导航菜单 2、表单的其它作用 3、窗口处理事件 4、鼠标事件处理 5、表单事件处理 6、键事件处理 窗口处理事件 Onload事件 Onunload事件——离开页面触发 Onresize事件 Onmove事件——移动窗口触发 Onabort事件——取消网页图像装载触发 Onerror事件——脚本发生错误触发 Onfocus事件 Onblur事件 高级翻转器 function rollout() { this.src=this.outImage.src; } function rollover() { this.src=this.overImage.src; } 优点：一次性将图片下载到客户段 的内存当中，不会出现延时。 链接式翻转器 window.onload=setup; function setup(){ var thislinks= document.links[0];//获取链接对象 thislinks.thisImage=document.images[0];//定义属性 thislinks.outImage=new Image(); thislinks.outImage.src=thisImage.src; thislinks.onmouseout=rollout; thislinks.overImage=new Image(); thislinks.overImage.src=arrow_on.jpg; thislinks.onmouseover=rollover; } 链接式翻转器 function rollout() { this.thisImage.src=this.outImage.src; } function rollover() { this.thisImage.src=this.overImage.src; } 三状态翻转器 三状态翻转器就是在高级翻转器中加入一条点击的过程中出现的图片； thisImage.onclickIm