就好像排队，前面的人忙着忙着突然上厕所了，后面的人阻塞在这里，因此我们就需要让前面的人死到一边去，让后面的人跟进……AJAX就是这个概念，请求还在继续，但我们还可以做其他事。 javascript中实现这个功能的是来自BOM的一个函数setTimeout，但相关的DOM操作也提供了一系列实现。如XMLHttpRequest对象与script标签的onreadystatechange回调，image的onload与onerror回调，iframe的onload，DOM元素的事件回调，HTML5的跨域消息传...
题目：从1累加一直加到100的和是多少？ 非递归的循环写法： 代码如下:1run: function() { 2 var sum = 0; 3 for(var i=1;i<=100;i++) { 4 sum = sum + i; 5 } 6 console.log(sum); 7} 递归的写法： 代码如下:var testCase = { sum: 0, run: function(n) { if(n>=100) { return 100; } else { sum = n+ testCase.run(n+1); return sum; } } }; console.log(testCase.run(1)); 上面这种代码在网上一搜就一大堆，下面的写法与它等...
本文承接上一篇JavaScript面向对象编程（1） 基础。 上篇说过，JavaScript没有类的概念，需要通过函数来实现类的定义。先通过一个例子说明： 代码如下:function myClass() { var id = 1; var name = "johnson"; //properties this.ID = id; this.Name = name; //method this.showMessage = function() { alert("ID: " + this.ID + ", Name: " + this.Name); } } var obj1 = new myClass(); var obj2 = new myClass(); function的...
1. 用JavaScript实现类 JavaScritpt没有专门的机制实现类，这里是借助它的函数允许嵌套的机制来实现类的。一个函数可以包含变量，又可以包含其它函数，这样，变量可以作为属性，内部的函数就可以作为成员方法了。因此外层函数本身就可以作为一个类了。如下： 代码如下:function myClass() { //此处相当于构造函数 } 这里 myClass就是一个类。其实可以把它看成类的构造函数。至于非构造函数的部分，以后会详细描述。 2. 如何获得一...
js的单例写法JS单例模式 div{height:100px; width:100px; background:#CCC; border:#000 1px solid;} my = new function yangbin() { this.name = "我是单例funnyzak！"; }; function yangbin1(){ this.name = "我是funnyzak！"; } function myname(){ var u = new yangbin1(); alert(u.name); } 你是？(单例) 你是？(普通) [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] loop.js是一个单例模式的js类：//一开始就用new 无名...
感叹是为了缓解严肃的气氛并引出今天要讲的话题，”javascript面向对象编程”，接下来，我们围绕面向对象的几大关键字：封装，继承，多态，展开。 封装：javascript中创建对象的模式中，个人认为通过闭包才算的上是真正意义上的封装，所以首先我们先来简单介绍一下闭包，看下面这个例子： 代码如下:<script type="text/javascript">// <![CDATA[ function myInfo(){ var name ="老鱼",age =27; var myInfo = "my name is" + name ...
最近在处理几个项目中都用到了iframe，有时一个页面中有多个iframe，而且几个iframe需要相互访问彼此的函数或者父窗口的函数。今天有空就将页面框架编程做个整理。 一个页面中的所有框架以集合的形式作为window对象的属性提供，例如：window.frames就表示该页面内所有框架的集合，这和表单对象、链接对象、图片对象等是类似的，不同的是，这些集合是document的属性。因此，要引用一个子框架，可以使用如下语法： 代码如下:window....
并给我们讲解了很多关于如何去学习DOM的方法，觉得真的是受益匪浅啊.下面就几个我觉得比较好的例子和大家分享一下。 1.二级连动下拉菜单（一级是省份，二级是城市，要求一级选中省份，二级城市对应出现） 步骤：1）基本框架（HTML）：两个复选框，而第二个复选框里面开始应该是没有选项的，注意第一个下拉框会作为事件源，通过 onchange方法激发JavaScript中的功能实现部分。 代码如下:<xmp> <select id="province" onchange="sel...
其实，面向对象的思想是独立于编程语言的，例如在C#中，在一个静态类的静态方法中，按照过程式开发调用一系列静态函数，我们很难说这是面向对象的编程，相反，象jquery和extjs这样优秀的javascript库，却处处体现着面向对象的设计思想。本文不打算探讨javascript是否能够算做面向对象的编程语言，这个问题是重视中国式考试的人应该关注的，我这里只是简单的说明如何在javascript中使用面向对象的编程思想。 面向对象首先要有对象。...
除IE外的浏览器是将换行符作为内容的文本节点(nodeType为3)。而元素的话，nodeType为1。下面是查找它们的实用方法： 代码如下:lastSibling:function(node){ var tempObj = node.parentNode.lastChild; while(tempObj.nodeType!=1 && tempObj.previousSibling!=null) { tempObj=tempObj.previousSibling; } return (tempObj.nodeType==1)?tempObj:false; } 这是《深入浅出JavaScript》书中DOMhelp库中lastSibling方法的源码。与 m...
感叹是为了缓解严肃的气氛并引出今天要讲的话题，”javascript面向对象编程”，接下来，我们围绕面向对象的几大关键字：封装，继承，多态，展开。 封装：javascript中创建对象的模式中，个人认为通过闭包才算的上是真正意义上的封装，所以首先我们先来简单介绍一下闭包，看下面这个例子： 代码如下:<script type="text/javascript"> function myInfo(){ var name ="老鱼",age =27; var myInfo = "my name is" + name + "i am" + a...
1，JavaScript中函数、方法的调用 在JavaScript中，有两种调用函数的方式。一般的方式是把参数放在括号中，另一种方式是同时把函数和参数都放在括号中。如： 代码如下:function test(x) { alert(x); } test("hello"); (test)("hello"); //等同于下面的代码 (function test(x) { alert(x); })("hello"); //也等同于下面的代码 (function (x) { alert(x); })("hello"); 2，匿名函数 匿名函数即没有名字的函数或方法。匿名函数可...
但javascript中并没有类概念，所谓的类也是模拟而来，通过函数加闭包模拟出类成员及私有成员(关于闭包可以参见跨越边界: 闭包)。这里我们将用比较平实的方式来了解一下javascript中的”类”，避开一些生硬的原理。 既然是用function来模拟类，所以编写代码创建类的关键字还是function。我们创建一个座标点类。function Point() { this.X = 0; this.Y = 0; }; var zeroPoint = new Point(); alert("当前...
先看一下JSON(javascript object notation)对象，JSON是一种脚本操作时常用的数据交换格式对象，相对于XML来说JSON是一种比较轻量级的格式，在一些intelligence的IDE中还可以方便的通过点操作JSON对象中的成员。 JSON是一种键/值对方式来描述内部成员的格式，其内部成员可以是几乎任何一种类型的对象，当然也可以是方法、类、数组，也可以是另外一个JSON对象。var student = { Name: "张三", Age: 20, Hobby...
javascript和java、C#等语言一样也具有面向对象的一些特征，但细比较的时候，会发现这些特征并不是真正的面向对象，很多地方都是利用对象本身来模拟面向对象，所以认为javascript不能算是面向对象编程语言，而是基于对象的语言。 在javascript中真的是万物皆对象，new出来的东西是对象，方法是对象，连类也都是对象。下面分别来看一下对象、方法和类的对象特征。 1.拿内置的Date来看一下吧 代码如下:var time = new Date(); var t...