Javascript学习笔记讲义.doc

精通HTML语言，擅长css+div布局，css3+html5,响应式布局，能快速手写兼容各类常用浏览器的前端代码。 精通Photoshop、Dreamweaver、Flash等美工制作软件。 对各类常用Javascript效果,query框架有一定的研究，熟悉java和JSP编程，SQL语言，数据库 面试题 Class=”box”与 .Box{} 这两者有区别，大小写必须一致 剃刀文件是一个 .js 文件 Js只写在行为层，html只写在结构层，不要串写。 选项卡，水平菜单 什么是函数：一个程序块，执行一项单一任务或一系列任务。好处是具有重用性，降低程序复杂度。 什么是闭包：有权限访问另一个函数作用域的变量的函数。创建闭包的常见方式就是在一个函数a内部创建另一个函数b，即内部函数。当内部函数在定义它的作用域的外部被引用时，就创建了该内部函数的一个闭包。称外部函数的调用环境为封闭闭包的环境。如果内部函数引用了位于外部函数中的变量，相当于授权该变量能够被延迟使用。因此，当外部函数调用完成后，这些变量的内存不会被释放（最后的值会保存），闭包仍然需要使用它们。闭包的作用就是在a执行完并返回后，闭包使得Javascript的垃圾回收机制GC不会收回a所占用的资源，因为a的内部函数b的执行需要依赖a中的变量。 8. (1) var s = confirm(); (2) var s; s = confirm(); (1)方法声明变量立即赋值更好 2. 书写CSS样式步骤： a.先做reset样式（将浏览器内置的样式复位，即覆盖） b.按照结构层盒子的嵌套，并列关系写好盒子关系 c.按照效果图分析效果给每个盒子添加相应的属性和值 页面一：alert(s); //报错，找不到 页面二：var s ; alert (s) ; //undefined 页面三：alert(window.XMLHttpRequest) ; //不报错，弹出内容 面向对象：无需关心内部如何，只要知道如何使用它 封装、抽象（把主要的内容抽出，创建对象，再进行封装）、继承（子级继承父级的属性和方法） 用面向对象做选项卡 属性和变量的区别，函数和方法的区别 属性和方法是属于某对象，是私有的；变量是自由自在的。变量能变成属性，属性不能变成变量。全局变量和函数相当于window的属性：var a == window.a function aa() == window.aa=function () 面向对象叫“方法”，面向过程叫“函数”，函数是有返回值的方法 用对象调用的叫方法（this），直接调用函数名的叫函数 事件：就是文档或浏览器窗口中发生的一些特定的交互瞬间。 事件处理程序的名字以on开头，因此click 事件的事件处理程序就是onclick。 分类： 读取事件 页面载入事件onload ，对象window 用户事件 1. onmouseover onmouseout onmousemove onmouseup onmousedown onclick onkeydown onkeyup oncontextmenu（环境菜单）对象document 2. onsubmit 对象form onsubmit在form上加，不能在submit按钮上加 3. keycode clientX clientY button（指示哪一个鼠标键被按下[0无、1左、2右、4中]） offsetX offsetY pageX pageY 对象event clientX clientY 以可视区域来定坐标 4. clientWidth可视区域的宽度 clientHeight 对象documentElement (html) offset 可读不可写 offsetWidth 物体自身宽度，包含边框，填充，不包边界 offsetLeft 左偏移量，包含左边界 scroll scrollTop 滚动离开顶端的距离 scrollWidth onfocus onblur onreadystatechange setTimeout setInterval 对象window 设置定时器前可以先关定时器，解决许多问题 cookie 对象document 火狐，查看页面信息 function eventHandler(e){ //获取事件对象 e = e || window.event; //IE和Chrome下是window.event FF下是e //获取事件源 var target = e.target || e.srcElement; //IE