Javascript
King.W.
这个作者很懒,什么都没留下…
展开
-
Js函数对象与普通对象的区别
function Test(word) { console.log(word); } // 里面的this是顶级对象window,返回值是undefined。 // Test('哈哈,我是函数'); // 它会先new一个对象,置类型为Test,之后把它作为this执行Test函数,最后再把对象返回。 // new Test('哈哈,我是对象'); // 将以上的调用方式换种通俗易懂的方式 // Test.call("哈哈,我是...原创 2020-11-18 16:27:25 · 1273 阅读 · 0 评论 -
js中的面向对象程序设计(1)-对象和属性的类型
js中的面向对象程序设计js中的对象:一组无序属性的结合。一、js中的对象1.自定义对象var person = new Object();person.name = 'jack';person.age = 29;person.sayName = function(){ alert(this.name);}2.字面量对象var person = { name:'tom',原创 2016-07-22 23:45:01 · 781 阅读 · 0 评论 -
js中的面向对象程序设计(2)-创建对象
前面使用例如:var person = new Object();或者 var person = {};缺点:使用同一个接口创建很多对象,会产生大量重复的代码。下面介绍几种创建对象的方式。一、工厂模式function createPerson(name,age,job){ var o = new Object(); o.name = name; o.age = age;原创 2016-07-23 13:10:15 · 762 阅读 · 2 评论 -
js中的面向对象程序设计(3)-继承
继承: 1.接口继承 只继承方法的签名。js中函数没有签名,所以只支持实现继承。 2.实现继承 继承实际的方法,主要依靠原型链来实现。简单回顾下构造函数、原型和实例的关系:每个构造函数都有一个原型对象,原型对象都包含一个指向构造函数的指针,而实例都包含一个指向原型对象的内部指针。一、原型链实现继承原理:让一个原型对象等于一个类型的实例。function SuperType()原创 2016-07-23 22:17:05 · 694 阅读 · 0 评论 -
JQuery读取本地Json文件
1.虽说是读取本地json文件,但是必须将本地json文件发布到一个服务器中,如:iis服务器。2.json文件的属性或者属性值,如果是字符串的话必须使用双引号,否则JQuery的getJSON函数解析不出正确的json,导致回调函数不执行,浏览器还不会报错。这就比较尴尬了。3.读取json就很简单了,使用JQuery的getJSON函数 $(function () { $.g原创 2016-06-22 17:45:20 · 12284 阅读 · 0 评论 -
Js事件详解(1)事件类型及几种添加事件处理程序的方法
js中的事件早期的事件流的两种解决方案:1.IE:事件冒泡流 即事件开始时由最具体的元素(DOM中层次最深的那个节点)接收,然后逐级向上传播到较为不具体的节点(文档)–自下向上。所有现代的浏览器都支持事件冒泡。2.Netscape Communicator:事件捕获流。 与IE团队提出的事件冒泡流刚好相反。由不太具体的节点到具体的节点传播。这么做的目的:在事件到达预定的目标之前捕原创 2016-07-29 15:22:23 · 2266 阅读 · 0 评论 -
js事件详解(2)事件对象
在触发DOM上的某个事件时,会产生一个时间对象event,该对象包含着所有与事件有关的信息。所有的浏览器都支持event对象,但支持的方式不同。一、DOM中的事件对象兼容DOM的浏览器会将一个event对象传到事件处理程序中,而无论指定事件处理程序使用的是什么方法。var btn = doucument.getElementById('myBtn');btn.onclick = function原创 2016-07-30 11:21:27 · 581 阅读 · 0 评论 -
js异步变同步小技巧-递归
在写js的时候,很多时候都会遇到异步转同步的问题。比如:从服务器端返回一个集合数据,在遍历集合的时候,又要异步去请求别的数据,但是for循环必须在同步的情况下执行。这时候,怎么办?解决这种问题的办法可能会有很多。但是,现在介绍一个最简单,也最容易理解的方法,那就是递归。例如:从服务端返回一个数组:paramsfor(var i =0 ; i < params.length; i++){ //原创 2017-05-22 17:00:02 · 19189 阅读 · 3 评论 -
自己封装ajax
/** 全局ajax对象 */var ajax = new Object();var ajaxCore = null;/** * @see 创建ajax核心对象,兼容浏览器有:IE6,7,8,9,谷歌,火狐,欧朋,360极速,360安全,苹果,搜狗,遨游,猎豹,腾讯 * @return XMLHttpRequest */ajax.getCore = function() { va原创 2016-06-07 20:48:14 · 2564 阅读 · 0 评论 -
js中的this
<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <script src="../js/jquery-1.8.1.min.原创 2016-03-11 20:51:19 · 433 阅读 · 0 评论 -
js中通过原型实现继承
function Person() { } function Student() { } //alert(Person.prototype);//Object Person.prototype.name = function () { alert('name'); } Pers原创 2016-03-11 20:48:13 · 918 阅读 · 0 评论 -
js中继承的封装
function createClass(jsonObj) { //任意类为F function F() { } for (var name in jsonObj) { F.prototype[name] = jsonObj[name]; }原创 2016-03-11 20:49:00 · 645 阅读 · 0 评论 -
jQuery中自定义事件
<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <script src="../js/jquery-1.8.1.min.原创 2016-03-11 20:50:32 · 483 阅读 · 0 评论 -
js中回调函数
<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <script src="../js/jquery-1.8.1.min.原创 2016-03-11 20:50:56 · 332 阅读 · 0 评论 -
js中的匿名函数
<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <script src="../js/jquery-1.8.1.min.原创 2016-03-11 20:51:39 · 326 阅读 · 0 评论 -
js中的caller和callee
<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <script src="../js/jquery-1.8.1.min.转载 2016-03-11 22:01:58 · 539 阅读 · 0 评论 -
Js中的with
1、Js中的with关键字可以方便的引用对象的属性,但是不能为对象动态添加属性,如果需要为对象动态添加属性,则必须明确引用该对象。 2、with的好处就是当多次引用一个对象的属性的时候,不必每次都是有 对象.属性名 的方式来引用对象的属性,而是直接写出对象的属性名即可。var Person = function(){ this.name= "xiaoming"; this.age原创 2016-03-06 21:24:20 · 363 阅读 · 0 评论 -
js例子
http://www.51windows.net/myjs/?u=/myjs/JsList.asp转载 2016-05-15 11:56:40 · 331 阅读 · 0 评论 -
js中利用call和apply的应用--继承
1、方法定义 call方法: 语法:call([thisObj[,arg1[, arg2[, [,.argN]]]]]) 定义:调用一个对象的一个方法,以另一个对象替换当前对象。 说明: call 方法可以用来代替另一个对象调用一个方法。call 方法可将一个函数的对象上下文从初始的上下文改变为由 thisObj 指定的新对象。 如果没有提供 thisObj 参数,那么 G转载 2016-03-11 20:43:56 · 398 阅读 · 0 评论