JS-Jquery-easyUI-框架.pptx

JS-jquery-easyui-web框架 信安二部 JS执行顺序 1、顺序执行 例：顺序执行1 例：顺序执行2 2、定义式函数与赋值式函数的区别 fun1(); function fun1()alert(“hello world”) fun2(); fun2 = function()alert(“helloworld”) 3、浏览器控制台执行JS=frame.excuteJS()= 在BODY后添加JS 事件监听 1、onload() 例 ：事件监听 2、其它常用事件 所有事件都是针对于DOM节点的 DOM鼠标事件 DOM键盘事件 各个JS框架事件实现（window onopen） 回调函数 function onBack(num) alert(“姗姗我来迟了“); / 执行num个耳光 function dating(hours, callBack) var SP= 0; / SP,愤怒值 /女猪脚在雪里站了hours个钟头 /循环开始 SP +; /循环结束. callBack(SP); dating(1, onBack); DOM - 整个文档 是一个文档节点 - 每个 HTML 标签是一个元 素节点 - 包含在 HTML 元素中的文本 是文本节点 - 每一个 HTML 属性是一个属 性节点 必须知道的几个对象模型 BOM Window : JavaScript 层级中的顶层对象，表示浏 览器窗口。 Location :包含了当前 URL 的信息。 DOM Document : 代表整个 HTML 文档，可被用来访 问页面中的所有元素 JS匿名函数 函数可以为参数 function runFun(fun)fun() runFun(function()alert(“我要执行“) 匿名函数执行 首先理解语句语表达式 (function()(); (function()(); + function()(); 例 google-util.js 变量作用域 理解this.变量 (function()this.v = “vv”)() /this=window b.fun = function()this.v = “vv” b.fun(); b.v / 猜输出什么？ b.fun = function()this.v = “vv”() b.v /再猜猜输出什么 试着找找变量的所属对象吧。 a = 1; var b = 1; Call apply 作用：把隐藏的第一个参数显示化 function a()alert(this.value) a()=window.a()=a.call(window)=a.apply(window) Call apply区别 参数 call( thisArg ，arg1，arg2， ); / 参数列表，arg1 ，arg2，. apply(thisArg ，argArray ); / 参数数组，argArray Eg:foo.call(this, arg1,arg2) = foo.apply(this,arg1,arg2) function a() alert(this.value) value = “111” a() Window.a() a.call(window) a.apply(window) JS中的类 New 关键字究竟做了什么 New A() 值行A. Construct Construct是一个函数 创建一个object，假设叫x 如果A.prototype是个object，则把A.prototype赋给x. prototype；否则，把Ototype赋给x. prototype。 调用A.call(x) 返回x var x = new Object(); x._proto_ = A.prototype var result = A.call(x) if (typeof(result) = “object“) return result; return x; 闭包 定义：闭包就是能够读取其他函数内部变量的 函数。 function a() var i=0; function b() alert(+i); return b; var c = a(); c(); 补充知识点 this指针（变量作用域） JSON传参 传递JSON其实就是传递对象（引用对象全是对 象） JSON的嵌套就是对象嵌套 var con = name:”,child:name:”1”,name:”2” jquery 核心函数$ jQuery jQuery选择器 CSS选择器 jQuery自定义插件 $.XXXX = function()/系统级 $.fn.X