JS-Jquery-easyUI-框架

• b.v //再猜猜输出什么
• 试着找找变量的所属对象吧。。。。。
– a = 1; – var b = 1;
Call apply
• 作用：把隐藏的第一个参数显示化
– function a(){alert(this.value)} – a()=window.a()=a.call(window)=a.apply(window)
DOM
--------整个文档 是一个文档节点 --------每个 HTML 标签是一个元素节 点 --------包含在 HTML 元素中的文本 是文本节点 --------每一个 HTML 属性是一个属 性节点
必须知道的几个对象模型
• BOM
– Window : JavaScript 层级中的顶层对象，表示浏 览器窗口。 – Location :包含了当前 URL 的信息。
jquery
• 核心函数$ jQuery • jQuery选择器
– CSS选择器
• jQuery自定义插件
– $.XXXX = function(){}//系统级 – $.fn.XXXX=function(){}//组件级 – $.fn.extend({xxx:function(){}}) – 常用写法
• 值行A. Construct Construct是一个函数 • 创建一个object，假设叫x • 如果A.prototype是个object，则把A.prototype赋给x. prototype；否则，把Object.prototype赋给x. prototype。 • 调用A.call(x) • 返回x
• 3、浏览器控制台执行JS===frame.excuteJS()=== 在BODY后添加JS
事件监听
• 1、onlБайду номын сангаасad()
– 例 ：事件监听
• 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);
• 例 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”-()
JS-jquery-easyui-web框架
信安二部
JS执行顺序
• 1、顺序执行
– 例：顺序执行1 – 例：顺序执行2
• 2、定义式函数与赋值式函数的区别
– fun1(); function fun1(),alert(“hello world”)– fun2(); fun2 = function(),alert(“helloworld”)-
– Eg:foo.call(this, arg1,arg2) == foo.apply(this,[arg1,arg2])
JS中的类
• New 关键字究竟做了什么
– New A()
var x = new Object(); x.__proto__ = A.prototype var result = A.call(x) if (typeof(result) == "object"){ return result; } return x;
• DOM
– Document : 代表整个 HTML 文档，可被用来访 问页面中的所有元素
JS匿名函数
• 函数可以为参数
– function runFun(fun){fun()} – runFun(function(),alert(“我要执行")})
• 匿名函数执行
– 首先理解语句语表达式…………………… – (function(){})(); – (function(){}()); – + function(){}();
function a(){ alert(this.value) } value = “111” a() Window.a() a.call(window) a.apply(window)
• Call apply区别
– 参数
• call( thisArg [，arg1，arg2，… + ); // 参数列表，arg1， arg2，... • apply(thisArg [，argArray] ); // 参数数组，argArray
闭包
• 定义：闭包就是能够读取其他函数内部变量的 函数。 • 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”-+-
• (function($){$.fn.extend({xxx:function(){}})})(jQuery)
easyUI