你是否知道JavaScript其实也是一个函数式编程语言呢？本指南将教你如何利用JavaScript的函数式特性。 要求：你应当已经对JavaScript和DOM有了一个基本的了解。 写这篇指南的目的是因为关于JavaScript编程的资料太多了但是极少的资料提到了JavaScript的函数式特性。在本指南中，我只会讲解这些基本知识而不会深入其它的函数式语言或这是Lambda算子。 你可以点击所有的例子然后你所看到的代码就会被执行，这样就可以令指南变得具有交...
网友整理的107条javascript语法字典，方便经常使用js编程的朋友1.document.write(""); 输出语句 2.JS中的注释为// 3.传统的HTML文档顺序是:document->html->(head,body) 4.一个浏览器窗口中的DOM顺序是:window->(navigator,screen,history,location,document) 5.得到表单中元素的名称和值:document.getElementById("表单中元素的ID号").name(或value) 6.一个小写转大写的JS: document.getElementById("output").value = document.g...
上篇文章纳闷的问题，将在这章和以后的几章里，慢慢搞定。 从今天起，开始学习DOM编程 让我们慢慢称为一名初级的js程序员。 然后往js匠人方向发展。学习英文： Dom：文档对象模型。Document object model Bom：浏览器对象模型。 注：也可以叫窗口对象模型。（window object model.） API：应用编程接口。 注：DOM其实可以看作一种API。 Node：节点。 注：节点分为：元素节点，属性节点，文本节点。 元素节点 包含 属性节点和文本...
代码如下:/** * @author georgewing */ function prepareCheckBox() { document.getElementById("submit").onclick = function() { selectedCheckBox(4); } } function selectedCheckBox(x) { var oInput = document.getElementsByTagName("input"); var iTotal = 0; for(var i=0;i<oInput.length;i++) { if(oInput[i].className == "checkedRadio") { if(oInput[i].checked) { //add x point iTotal = iTotal + x; } else { // ad...
with 语句 为一个或一组语句指定默认对象。 用法： with () ; with 语句通常用来缩短特定情形下必须写的代码量。在下面的例子中，请注意 Math 的重复使用： x = Math.cos(3 * Math.PI) + Math.sin(Math.LN10); y = Math.tan(14 * Math.E); 当使用 with 语句时，代码变得更短且更易读： 代码如下:with (Math) { x = cos(3 * PI) + sin(LN10); y = tan(14 * E); } this 对象 返回“当前”对象。在不同的地方，this 代表不同的对象。...
1、给DOM对象添加的属性是一个对象的引用。范例：var MyObject = {};document.getElementById('myDiv').myProp = MyObject;解决方法：在window.onunload事件中写上: document.getElementById('myDiv').myProp = null; 2、DOM对象与JS对象相互引用。范例：function Encapsulator(element) { this.elementReference = element; element.myProp = this;}new Encapsulator(document.getElementById(myDiv));解决方法：在onunl...
很长一段时间以来（这里本人要幸灾乐祸地说），js是“一种点缀的作用，完成很有限的功能，诸如表单验证之类，其语言本身也一直被当作过程化的语言使用，很难完成复杂的功能。”。但是（这里本人要苦大仇深、痛心疾首地说），“而Ajax的出现使得复杂脚本成为必需的组成部分，这就对 JavaScript 程序设计提出了新的要求，很多Ajax应用开始利用JavaScript面向对象的性质进行开发，使逻辑更加清晰。事实上，JavaScript 提供了完善的机制...
Javascript已经可以模拟出面向对象的封装和继承特性，但是不幸的是Javascript对多态特性的支持非常弱！其它面向对象语言的多态一般都由方法重载和虚方法来实现多态，Javascript也通过这两种途径来实现！ 重载：由于Javascript是弱类型的语言，而且又支持可变参数，当我们定义重载方法的时候，解释器无法通过参数类型和参数个数来区分不同的重载方法，因此方法重载是不被支持的！当先后定义了同名的方法的时候，后定义的方法会覆盖先...
我们看到这里继承的概念是多么的直白，“拷贝一个类的prototype 到另外一个类”，好，Code is cheap，看代码： function class1() { } function class2() { } class2.prototype = class1.prototype; class2.moreProperty1 = " class 2 additional string " ; class2.moreMethod1 = function () { alert( " class 2 additional method " ); } /* 这样，首先是class2具有了和class1 一样的prototype，不考虑构造函数，两个类是等价的...
先看一下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 ...
但javascript中并没有类概念，所谓的类也是模拟而来，通过函数加闭包模拟出类成员及私有成员(关于闭包可以参见跨越边界: 闭包)。这里我们将用比较平实的方式来了解一下javascript中的”类”，避开一些生硬的原理。 既然是用function来模拟类，所以编写代码创建类的关键字还是function。我们创建一个座标点类。function Point() { this.X = 0; this.Y = 0; }; var zeroPoint = new Point(); alert("当前座标值(...
好程序不是写给computer的，而是写给human的。遇到复杂功能，应该想着把它简化、组件化，把小功能封装成小组件，小功能块可以任意的组合得到千变万化的复杂功能。function就可以帮助我们把功能进行封装。那什么是封装呢。要我说，只要把具体实现给打包，对外提供调用接口那就是封装，方法也好、类也好就做了这些事。 javascript中的function可以用来创建方法、也可以用来创建类，实际上我们可以认为是用function来模拟出的类(说到类...
1，JavaScript中函数、方法的调用 在JavaScript中，有两种调用函数的方式。一般的方式是把参数放在括号中，另一种方式是同时把函数和参数都放在括号中。如： 代码如下: function test(x) { alert(x); } test("hello"); (test)("hello"); //等同于下面的代码 (function test(x) { alert(x); })("hello"); //也等同于下面的代码 (function (x) { alert(x); })("hello"); 2，匿名函数 匿名函数即没有名字的函数或方法。匿名函数...
除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方法的源码。与 ...