随笔分类 - js/jq

摘要:zepto This is a headingThis is a paragraph.This is another paragraph.切换段落的 "main" 类 zepto This is a heading Apple IBM Mi... 阅读全文
posted @ 2014-12-16 18:05 小猩猩君 阅读 (1267) | 评论 (0) 编辑
摘要:https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/Reducevar ss = [0, 1, 2, 3, 4].reduce(function (previousValue, ... 阅读全文
posted @ 2014-12-16 17:30 小猩猩君 阅读 (133) | 评论 (0) 编辑
摘要:JavaScript中所有变量及函数名会自动提升http://www.cnblogs.com/betarabbit/archive/2012/01/28/2330446.html 阅读全文
posted @ 2014-11-14 14:04 小猩猩君 阅读 (74) | 评论 (0) 编辑
摘要:var a = "http://www.xx.com?id=111&-deb";var b = "http://www.xx.com?-deb&id=111";var d = "http://www.xx.com?-deb&id=111&cc=2";var c = "http://www.xx.co... 阅读全文
posted @ 2014-11-07 09:38 小猩猩君 阅读 (114) | 评论 (0) 编辑
摘要:123456789,4567831匹配前面的4567还有后面的83var r = /\d{3}4567\d{2}[,]\d{4}83\d/; var e = "123456789,4567831"; console.log(r.test(e)); 阅读全文
posted @ 2014-11-05 16:54 小猩猩君 阅读 (89) | 评论 (0) 编辑
摘要:最近想把项目里添加grunt,说白了就是前端自动化管理,具体配置如下:用到以下几个部件:grunt-contrib-cssmingrunt-contrib-uglifygrunt-contrib-jshintgrunt-contrib-imagemingrunt-contrib-concat这几个应... 阅读全文
posted @ 2014-10-29 17:02 小猩猩君 阅读 (348) | 评论 (0) 编辑
摘要:bind(type,[data],fn) 为每个匹配元素的特定事件绑定事件处理函数$("a").bind("click",function(){alert("ok");});live(type,[data],fn) 给所有匹配的元素附加一个事件处理函数,即使这个元素是以后再添加进来的$("a").l... 阅读全文
posted @ 2014-10-27 17:00 小猩猩君 阅读 (97) | 评论 (0) 编辑
摘要:1 function installGrunt(data) {2 for (var val in data) {3 console.log(data[val]);4 }5 }6 7 installGrunt(['a', 'b', 'c']); 阅读全文
posted @ 2014-02-24 15:48 小猩猩君 阅读 (79) | 评论 (0) 编辑
摘要:1 function Car(model, year, miles) { 2 this.model = model; 3 this.year = year; 4 this.miles = miles; 5 } 6 7 Car.prototype.toString = function() { 8 return this.model + " has done " + this.miles + " miles"; 9 };10 11 var civic = new Car("Honda Civic", 2009, 20000);12 va 阅读全文
posted @ 2014-02-08 16:10 小猩猩君 阅读 (176) | 评论 (0) 编辑
摘要:1 var fs = require('fs'); 2 var txt = "以上程序使用fs.readFileSync从源路径读取文件内容,并使用fs.writeFileSync将文件内容写入目标路径。"; 3 4 //写入文件 5 fs.writeFile('message.txt', txt, function (err) { 6 if (err) throw err; 7 console.log('It\'s saved!'); //文件被保存 8 }); 9 10 //读取文件11 fs.readFile(& 阅读全文
posted @ 2014-01-26 09:57 小猩猩君 阅读 (13788) | 评论 (0) 编辑
摘要:1 var O_dialog = $("#dialog-modal"); 2 O_dialog.dialog({ 3 closeOnEscape: false, 4 width: 250, 5 height: 80, 6 resizable: false, 7 draggable: false, 8 modal: true, 9 title: "正在加载,请稍候...",10 //隐藏默... 阅读全文
posted @ 2013-12-20 09:09 小猩猩君 阅读 (20090) | 评论 (0) 编辑
摘要:首先页面加载时候显示遮罩层jQuery(function() { show_dialog(); //tianxie();});定义一个全局数组,用于存放问题idvar qar = [];循环问题id,并赋值到qar数组中for (quid_index = 0; quid_index < results.totalProperty; quid_index++) { questions[quid_index] = []; questions[quid_index][0] = results.content[quid_index].quid; //问题编号 questi... 阅读全文
posted @ 2013-12-16 16:30 小猩猩君 阅读 (3178) | 评论 (0) 编辑
摘要:html:1 javascript: 1 //管理端短信 2 var textarea_text = "此短信功能仅限于工作联络之用,切勿发送保密或敏感信息!支持移动、联通、小灵通,小灵通号码前需加区号;多个号码间用空格分隔可支持群发。"; 3 var dxtd_text = $(".dxtd_text"); 4 dxtd_text.val(textarea_text); 5 dxtd_text.on("focus", function () { 6 if (dxtd_text.val() == textarea_text) { 7 阅读全文
posted @ 2013-12-06 16:45 小猩猩君 阅读 (452) | 评论 (0) 编辑
摘要:需求如下:第一个input添加字符到第二个input,第二个input需要累加。html: 1 2 *企业填报数据包含海关代码有: 3 4 5 6 7 8 9 10 11 12 js: 1 //企业填报数据包含海关代码有 赋值 2 $("#hgdm_plus").on("click", function () { 3 v... 阅读全文
posted @ 2013-11-28 16:22 小猩猩君 阅读 (1092) | 评论 (0) 编辑
摘要:http://learn.jquery.com/using-jquery-core/iterating/The following is a list of methods that require.each():.attr()(getter).css()(getter).data()(getter).height()(getter).html()(getter).innerHeight().innerWidth().offset()(getter).outerHeight().outerWidth().position().prop()(getter).scrollLeft()(getter 阅读全文
posted @ 2013-11-05 11:21 小猩猩君 阅读 (88) | 评论 (0) 编辑
摘要:1 switch (window.location.hostname) { 2 case "www.zcom.gov.cn" ://确定域名为 www.zcom.gov.cn 3 //window.location.pathname="/"//跳转到 / 目录 4 break; 5 case "cisf.zcom.gov.cn" ://确定域名为 cisf.zcom.gov.cn 6 window.location.pathname = "/swz2013/"//跳转到 /swz2013/ 目录 7 break;. 阅读全文
posted @ 2013-07-17 08:49 小猩猩君 阅读 (1299) | 评论 (0) 编辑
摘要:1 $("form").submit(function () {2 console.log("提交了");3 $("input:submit").attr("disabled", "true");4 setTimeout(function () {5 $("input:submit").removeAttr("disabled");6 }, 3000);7 });网上看到老外写的 1 // jQuery plugin to prevent double.. 阅读全文
posted @ 2013-07-08 16:26 小猩猩君 阅读 (158) | 评论 (0) 编辑
摘要:1 function Klass() { 2 this.id = new Date().getTime(); 3 this.name = ''; 4 } 5 6 Klass.prototype.get = function() { 7 return this.id; 8 }; 9 10 Klass.prototype.set = function(name) {11 this.name = name;12 };13 14 var test1 = new Klass();15 var test2 = new Klass();16 test1.set('tttt... 阅读全文
posted @ 2013-07-08 08:58 小猩猩君 阅读 (48) | 评论 (0) 编辑
摘要:1 // 最佳做法:如果可用,使用本地XHR 2 if (window.XMLHttpRequest) { 3 // 如果是IE7+, Gecko, WebKit:使用本地对象 4 var xmlHttp = new XMLHttpRequest(); 5 } else if (window.ActiveXObject) { 6 // ...如果不是,尝试ActiveX控件 7 var xmlHttp = new ActiveXObject("Microsoft.XMLHTTP"); 8 } else { 9 // 没有XMLHTTPRequest机制... 阅读全文
posted @ 2013-07-07 22:33 小猩猩君 阅读 (81) | 评论 (0) 编辑
摘要:1 var arr1 = function() { 2 console.log("arr1"); 3 }; 4 var arr2 = function() { 5 console.log("arr2"); 6 }; 7 var arr3 = function() { 8 console.log("arr3"); 9 };10 11 window.onload = function() {12 setTimeout(function() {13 var arr = [arr1(), arr2(), arr3()];14 }, 1000) 阅读全文
posted @ 2013-06-13 16:39 小猩猩君 阅读 (56) | 评论 (0) 编辑
摘要:首先是网上的一段代码,注意下面的代码是没有DOCTYPE申明的,不过运行正常,但是加了DOCTYPE以后,代码失效。 1 <html> 2 <head> 3 <title>漂浮广告</title> 4 <body> 5 <div id="codefans_net" style="position:absolute"> 6 <!--链接地址--><a href="#" target="_blank"> 7 <!--图 阅读全文
posted @ 2013-05-28 16:33 小猩猩君 阅读 (1725) | 评论 (0) 编辑
摘要:1 function writeCode(callback){2 callback();3 }4 5 function introduceBugs(){6 alert("introduceBugs");7 }8 9 writeCode(introduceBugs);注意introduceBugs()作为参数传入writeCode()时,函数后面是不带括号的。括号的意思是执行函数,而这里我们希望传入一个引用,让writeCode()在合适的时机执行它(调用它)。 阅读全文
posted @ 2013-05-08 16:59 小猩猩君 阅读 (67) | 评论 (0) 编辑
摘要:1 // 反模式,仅用于演示 2 3 // 全局函数 4 function foo() { 5 alert('global foo'); 6 } 7 function bar() { 8 alert('global bar'); 9 }10 11 function hoistMe() {12 13 console.log(typeof foo); // "function"14 console.log(typeof bar); // "undefined"15 16 foo(); // "local foo&qu 阅读全文
posted @ 2013-05-08 10:06 小猩猩君 阅读 (721) | 评论 (0) 编辑
摘要:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"><head> <meta http-equiv="Content-Type" content=&quo 阅读全文
posted @ 2013-04-25 15:22 小猩猩君 阅读 (62) | 评论 (0) 编辑
摘要:Array.isArray([]); // true// 尝试用一个类似数组的对象去测试Array.isArray({ length: 1, "0": 1, slice: function() {}}); // false//如果你的开发环境不支持ECMAScript5,可以通过Object.prototype.toString()方法来代替。if (typeof Array.isArray === "undefined") { Array.isArray = function(arg) { return Object.prototype.toStrin 阅读全文
posted @ 2013-04-24 10:16 小猩猩君 阅读 (52) | 评论 (0) 编辑
摘要:1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> 3 <head> 4 <meta http-equiv="Content-Type" co 阅读全文
posted @ 2013-04-17 21:08 小猩猩君 阅读 (61) | 评论 (0) 编辑
摘要:1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> 3 <head> 4 <meta http-equiv="Content-Type" co 阅读全文
posted @ 2013-04-16 15:07 小猩猩君 阅读 (118) | 评论 (0) 编辑
摘要:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"><head> <meta http-equiv="Content-Type" content=&quo 阅读全文
posted @ 2013-04-08 16:53 小猩猩君 阅读 (6273) | 评论 (0) 编辑
摘要:for-in循环有一个问题,就是它不仅遍历对象的实例属性,同样还遍历从原型继承来的属性。当遍历自定义对象的属性时,往往会因为意外的结果而终止。所以要加上hasOwnProperty()方法来过滤实力属性。这也是DC大牛建议的。hasOwnPrototype()方法可以检测一个属性是否存在于对象实例中。var prop;var object = { name: "name", value: "value"};for (prop in object) { if (object.hasOwnProperty(prop)) { console.log(prop) 阅读全文
posted @ 2013-04-07 21:33 小猩猩君 阅读 (65) | 评论 (0) 编辑
摘要:转发:http://www.oschina.net/code/snippet_54100_592实现效果:A域名下的页面a.html中通过iframe嵌入B域名下的页面b.html,由于b.html的宽度和高度是不可预知而且会变化的,所以需要a.html中的iframe自适应大小.问题本质:js对跨域iframe访问问题,因为要控制a.html中iframe的高度和宽度就必须首先读取得到b.html的大小,A、B不属于同一个域,浏览器为了安全性考虑,使js跨域访问受限,读取不到b.html的高度和宽度.解决方案:引入代理代理页面c.html与a.html所属相同域A,c.html是A域下提供好 阅读全文
posted @ 2013-03-18 16:19 小猩猩君 阅读 (150) | 评论 (0) 编辑
摘要:引用 李松峰 老师的PPT 1 var Person = function(living, age, gender) { 2 this.living = living; 3 this.age = age; 4 this.gender = gender; 5 }; 6 7 Person.prototype.getGender = function(){ 8 return this.gender; 9 };10 11 var child = new Person(true, 25, 'male');12 13 console.log (child.getGender()); ... 阅读全文
posted @ 2013-03-08 13:37 小猩猩君 阅读 (103) | 评论 (0) 编辑
摘要:一、方法的定义call方法:语法:call(thisObj,Object)定义:调用一个对象的一个方法,以另一个对象替换当前对象。说明:call 方法可以用来代替另一个对象调用一个方法。call 方法可将一个函数的对象上下文从初始的上下文改变为由 thisObj 指定的新对象。如果没有提供 thisObj 参数,那么 Global 对象被用作 thisObj。apply方法:语法:apply(thisObj,[argArray])定义:应用某一对象的一个方法,用另一个对象替换当前对象。说明:如果 argArray 不是一个有效的数组或者不是 arguments 对象,那么将导致一个 TypeE 阅读全文
posted @ 2013-03-05 14:56 小猩猩君 阅读 (39253) | 评论 (0) 编辑
摘要:感谢院长提供 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title></title> 5 6 <style type="text/css"> 7 8 div { 9 border: 1px solid #000; 10 overflow: auto; 11 height: 260px; 12 width: 300px; 13 } 14 15 #tester2{ 16 width: 200px; 17 height: 160px; 18 } 19 20 </sty 阅读全文
posted @ 2013-02-07 17:29 小猩猩君 阅读 (418) | 评论 (0) 编辑
摘要:1 var test = {};2 test.contentText = function() {3 var C = new Date();4 var contentHour = C.getHours();5 console.log(contentHour);6 };7 test.contentText(); 阅读全文
posted @ 2013-02-04 11:18 小猩猩君 阅读 (55) | 评论 (0) 编辑
摘要:<!--[if lt IE 9]><script src="jquery-1.9.0.js"></script><![endif]--><!--[if gte IE 9]><script src="jquery-2.0.0.js"></script><![endif]-->@司徒正美 大牛说了IE10下木有效果,我测试了一下,兼容模式可以,但是IE10正式模式下真的读不出这个条件加载,那以后要兼容所有IE只能选1.9.X版本了,不能用2.0.X版本IE9、IE 阅读全文
posted @ 2013-01-23 11:09 小猩猩君 阅读 (843) | 评论 (2) 编辑
摘要:1 $.setting('import imgLoader').then(function() {2 $.create('ImgLoader').load(['img1.gif', 'img2.gif', 'img3.gif']).then(function() {3 alert('加载完了');4 }, function(n) {5 alert('这是第' + n + '个');6 }, function() {7 alert('反正完了');8 } 阅读全文
posted @ 2012-12-26 16:42 小猩猩君 阅读 (349) | 评论 (3) 编辑
摘要:1 function say(word) {2 console.log(word);3 }4 5 function execute(someFunction, value) {6 someFunction(value);7 }8 9 execute(say, "Hello");网上找的一个经典的函数传递 阅读全文
posted @ 2012-11-12 16:13 小猩猩君 阅读 (70) | 评论 (0) 编辑
摘要:我是安装到私人项目里的,所以需要定位到项目文件夹里直接上图,有图有真相 阅读全文
posted @ 2012-11-11 13:58 小猩猩君 阅读 (118) | 评论 (0) 编辑
摘要:配置和Java差不多,最新版本的nodejs自带了npm,可以在安装目录里看到。配置如下:Path下面配置C:\Program Files\nodejs\;D:\Git\bin 路径按个人安装配置安装完可以用cmd:node --version 和 git --version 还有 npm --version 查看是否安装成功并且显示当前版本号。npm插件可以按需求下载到私人项目里,比例 cd nodejs_project 文件夹下。网上教程很多,但都不是nodejs新版本下的安装方法,希望nodejs在windows下的环境越来越好。 阅读全文
posted @ 2012-11-11 13:52 小猩猩君 阅读 (6627) | 评论 (1) 编辑
摘要:感谢群里的KB同学,好基友一辈子 1 window.onbeforeunload = function(){ 2 var b; 3 if(!b){ 4 t = setTimeout("jump()",150); 5 } 6 return "确定要离开这鸟页面?"; 7 }; 8 9 function jump(){10 window.onbeforeunload = null;11 location.href = "http://www.baidu.com/";12 b = true;//解决IE下的BUG13 } 阅读全文
posted @ 2012-10-20 22:31 小猩猩君 阅读 (110) | 评论 (0) 编辑
摘要:1 var doc = document.all ? document.frames[0].document : document.getElementById("iframe").contentDocument;2 console.log(doc.body.innerHTML);3 console.log(doc.getElementById("box").innerHTML);1 var iframe = document.getElementById("xx");2 var doc = document.all ? iframe 阅读全文
posted @ 2012-10-16 08:23 小猩猩君 阅读 (586) | 评论 (0) 编辑
摘要:1 <!DOCTYPE HTML> 2 <html lang="en-US"> 3 <head> 4 <meta charset="UTF-8"> 5 <title></title> 6 </head> 7 <body> 8 <div id="testID" style="width:200px;height:200px; background:#000;"></div> 9 <script 阅读全文
posted @ 2012-09-14 17:52 小猩猩君 阅读 (197) | 评论 (0) 编辑
摘要:例子一: 1 <!DOCTYPE HTML> 2 <html lang="en-US"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>backbone</title> 6 <script src="app/jquery-1.8.1.min.js"></script> 7 <script src="app/underscore-min.js"></script&g 阅读全文
posted @ 2012-09-14 11:30 小猩猩君 阅读 (1510) | 评论 (0) 编辑
摘要:1 document.onclick = function(e){2 var tar = H.event.getTarget(e);3 if(tar.nodeName == "A" && tar.href.indexOf("###") != -1){4 H.event.stop(e);5 H.event.cancel(e);6 }7 }其实就是<a href="###"></a> 可以解决在IE6下的BUG. 阅读全文
posted @ 2012-09-13 15:31 小猩猩君 阅读 (104) | 评论 (0) 编辑
摘要:1 '193382930'.replace(/(\d)(?=(?:\d{3})+$)/g,'$1,');2 '193382930'.replace(/\B(?=(?:\d{3})+$)/g,',');3 '193382930'.split('').reverse().join('').replace(/.{3}/g,'$&,').replace(/,$/,'').split('').reverse().join(' 阅读全文
posted @ 2012-09-07 15:58 小猩猩君 阅读 (70) | 评论 (0) 编辑
摘要:1 //ul 记为 <ul> 对象2 ul.firstChild;3 ul.childNodes[0];4 ul.children[0];5 ul.getElementsByTagName('li')[0];6 ul.querySelector('li'); 阅读全文
posted @ 2012-08-31 15:12 小猩猩君 阅读 (77) | 评论 (0) 编辑
摘要:1 Number.prototype.toRadians = function() { 2 return this * Math.PI / 180; 3 } 4 5 function distance(latitude1, longitude1, latitude2, longitude2) { 6 //R是地球的半径,以KM为单位 7 var R = 6371; 8 9 var deltaLatitude = (latitude2 - latitude1).toRadians();10 var deltaLongitude = (longitud... 阅读全文
posted @ 2012-08-30 11:05 小猩猩君 阅读 (4297) | 评论 (0) 编辑
摘要:请在15分钟内完成如下基础测试题:●请自行新建一个空文本文档答题。●请使用原生javascript语法答题,禁止使用Jquery等框架语法●请注意有的题目是两个问题,请回答完全,否则答对一半题●需要写代码的地方,请写完整包括大小写,否则算错●描述性的题目写清楚主要的意思就可以了1.如下两个div元素垂直距离是多少?1 <div style="margin-bottom:20px"></div>2 <div style="margin-top:10px"></div>20px2.编写css让div2在div1 阅读全文
posted @ 2012-08-22 17:42 小猩猩君 阅读 (475) | 评论 (0) 编辑
摘要:1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> 3 <head> 4 <meta http-equiv="Content-Type" co 阅读全文
posted @ 2012-08-17 11:39 小猩猩君 阅读 (87) | 评论 (0) 编辑
摘要:1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> 3 <head> 4 <meta http-equiv="Content-Type" co 阅读全文
posted @ 2012-08-16 17:48 小猩猩君 阅读 (58) | 评论 (0) 编辑
摘要:1 Person = Backbone.Model.extend({ 2 //如果从validate中返回字符串了,Backbone就会抛个实例异常 3 validate: function(attributes) { 4 if (attributes.age < 0 && attributes.name != "Dr Manhatten") { 5 return '你的存在是个错误'; 6 } 7 }, 8 initialize: function() { 9 console.log('... 阅读全文
posted @ 2012-08-16 11:09 小猩猩君 阅读 (62) | 评论 (0) 编辑
摘要:1 Person = Backbone.Model.extend({ 2 defaults: { 3 name: 'Fetus', 4 age: 0, 5 children: [] 6 }, 7 initialize: function() { 8 console.log('欢迎来到这个无蛋的世界!'); 9 }10 });11 12 var person = new Person({13 name: 'Thomas',14 age: 67,15 children: ['R... 阅读全文
posted @ 2012-08-16 10:23 小猩猩君 阅读 (82) | 评论 (0) 编辑
摘要:设 A = $("#id a"),B = $("#id .c a"),求 A - B。要求:1、不能用 jQuery 等框架; 2、兼容 IE6 在内的各大浏览器; 3、尽可能高效; 4、尽可能简短。解法一(由檬檬提供): 1 var b = document.getElementById("id"), 2 a = b.getElementsByTagName("a"), 3 result = []; 4 5 o: for (var i = 0, j = a.length; i < j; i++) { 6 v 阅读全文
posted @ 2012-08-14 20:00 小猩猩君 阅读 (77) | 评论 (0) 编辑
摘要:1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>Binding</title> 5 <script src="lib/jquery.js" type="text/javascript" charset="utf-8"></script> 6 <script src="lib/jquery.tmpl.js" type="text/javascript" charset 阅读全文
posted @ 2012-08-13 10:04 小猩猩君 阅读 (69) | 评论 (0) 编辑
摘要:1 (function($, exports) {2 exports.Foo = "wem";3 var example = "test";4 })(jQuery, window);5 6 console.log(example);//“example”未定义 7 console.log(Foo); //wem访问闭包匿名函数内的局部变量 阅读全文
posted @ 2012-08-06 10:07 小猩猩君 阅读 (55) | 评论 (0) 编辑
摘要:1 Math.guid = function() {2 return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {3 var r = Math.random() * 16 | 0,4 v = c == 'x' ? r : (r & 0x3 | 0x8);5 return v.toString(16);6 }).toUpperCase();7 }; 阅读全文
posted @ 2012-08-05 14:24 小猩猩君 阅读 (551) | 评论 (0) 编辑
摘要:1 var PubSub = { 2 subscribe: function(ev, callback) { 3 //创建 _callbacks 对象,除非它已经存在了 4 var calls = this._callbacks || (this._callbacks = {}); 5 //针对给定的事件 ev 创建一个数组,除非这个数组已经存在 6 //然后将回调函数追加到这个数组中 7 (this._callbacks[ev] || (this._callbacks[ev] = [])).push(c... 阅读全文
posted @ 2012-08-01 14:35 小猩猩君 阅读 (606) | 评论 (0) 编辑
摘要:1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> 3 <head> 4 <meta http-equiv="Content-Type" co 阅读全文
posted @ 2012-07-30 16:54 小猩猩君 阅读 (100) | 评论 (0) 编辑
摘要:1 var proxy = function(func, thisObject) { 2 return (function() { 3 return func.apply(thisObject, arguments); 4 }); 5 }; 6 7 //example 8 var clicky = { 9 wasClicked: function() {},10 addListeners: function() {11 var self = this;12 $('.clicky'... 阅读全文
posted @ 2012-07-25 15:10 小猩猩君 阅读 (129) | 评论 (0) 编辑
摘要:1 var clicky = { 2 wasClicked: function() {}, 3 addListeners: function() { 4 var self = this; 5 $('.clicky').click(function() { 6 self.wasClicked(); 7 }); 8 } 9 };10 clicky.addListeners();11 12 13 //使用apply14 var proxy = function(func, thisObject) {15... 阅读全文
posted @ 2012-07-23 15:42 小猩猩君 阅读 (74) | 评论 (0) 编辑
摘要:1 var Animal = function() {}; 2 3 Animal.prototype.breath = function() { 4 console.log('breath'); 5 }; 6 7 var Dog = function() {}; 8 9 //Dog继承了Animal10 Dog.prototype = new Animal;11 12 Dog.prototype.wag = function() {13 console.log('wag tail');14 };15 16 var dog = new Dog;17 dog.wag 阅读全文
posted @ 2012-07-23 13:18 小猩猩君 阅读 (49) | 评论 (0) 编辑
摘要:1 Function.prototype.method = function(name, func) { 2 if (!this.prototype[name]) { 3 this.prototype[name] = func; 4 } 5 }; 6 7 Function.method('bind', function(that) { 8 //返回一个函数,调用这个函数就像它是那个对象的方法一样。 9 var method = this,10 slice = Array.prototype.slice,11 a... 阅读全文
posted @ 2012-07-18 12:37 小猩猩君 阅读 (151) | 评论 (0) 编辑
摘要:1 //数组排序 2 var n = [15, 99, 23, 42, 4, 8, 16]; 3 n.sort(function(a, b) { 4 return a - b 5 }); 6 console.log(n); 7 8 //字符串排序 9 var m = ['aa', 'bb', 'a', 4, 8, 15, 16, 23, 42];10 m.sort(function(a, b) {11 if (a === b) {12 return 0;13 }14 if (typeof a === typeof b) {15 ... 阅读全文
posted @ 2012-07-17 13:35 小猩猩君 阅读 (74) | 评论 (0) 编辑
摘要:function parseUrl(url) { var parse_url = /^(?:([A-Za-z]+):)?(\/{0,3})([0-9.\-A-Za-z]+)(?::(\d+))?(?:\/([^?#]*))?(?:\?([^#]*))?(?:#(.*))?$/; var result = parse_url.exec(url); var names = ['url', 'scheme', 'slash', 'host', 'port', 'path', 'query' 阅读全文
posted @ 2012-07-16 14:19 小猩猩君 阅读 (1951) | 评论 (0) 编辑
摘要:regexp.exechttp://www.w3school.com.cn/js/jsref_exec_regexp.aspregexp.testhttp://www.w3school.com.cn/js/jsref_test_regexp.aspstring.matchhttp://www.w3school.com.cn/js/jsref_match.aspstring.replacehttp://www.w3school.com.cn/js/jsref_replace.aspstring.searchhttp://www.w3school.com.cn/js/jsref_search.as 阅读全文
posted @ 2012-07-16 13:46 小猩猩君 阅读 (53) | 评论 (0) 编辑
摘要:判断是否为数组1 var is_array = function(value) {2 return value && typeof value === 'object' && typeof value.length === 'number' && typeof value.splice === 'function' && !(value.propertyIsEnumerable('length'));3 };4 5 //使用方法6 var arrayValue = [ 阅读全文
posted @ 2012-07-15 16:51 小猩猩君 阅读 (72) | 评论 (0) 编辑
摘要:1 var mammal = function(spec) { 2 var that = {}; 3 4 that.get_name = function() { 5 return spec.name; 6 }; 7 8 that.says = function() { 9 return spec.saying || '';10 };11 return that;12 };13 14 var myMammal = mammal({15 ... 阅读全文
posted @ 2012-07-13 14:44 小猩猩君 阅读 (47) | 评论 (0) 编辑
摘要:1 var mammal = function(spec) { 2 var that = {}; 3 4 that.saying = function() { 5 return spec.saying; 6 }; 7 8 that.get_name = function() { 9 return spec.name;10 };11 12 that.says = function() {13 return this.sayi... 阅读全文
posted @ 2012-07-13 10:26 小猩猩君 阅读 (39) | 评论 (0) 编辑
摘要:1 if (typeof Object.beget !== 'function') { 2 Object.beget = function(o) { 3 var F = function() {}; 4 F.prototype = o; 5 return new F(); 6 }; 7 } 8 9 var myMammal = {10 name: 'Herb the Mammal',11 get_name: function() {12 return this.name;13 },14 ... 阅读全文
posted @ 2012-07-12 22:15 小猩猩君 阅读 (76) | 评论 (0) 编辑
摘要:Object.create方法创建一个使用原对象作为其原型的新对象。1 if (typeof Object.create !== 'function') {2 Object.create = function (o) {3 function F() {}4 F.prototype = o;5 return new F();6 };7 }8 newObject = Object.create(oldObject); 阅读全文
posted @ 2012-07-12 21:49 小猩猩君 阅读 (111) | 评论 (0) 编辑
摘要:1 var memoizer = function(memo, fundamental) { 2 var shell = function(n) { 3 var result = memo[n]; 4 if (typeof result !== 'number') { 5 result = fundamental(shell, n); 6 memo[n] = result; 7 } 8 ... 阅读全文
posted @ 2012-07-12 12:49 小猩猩君 阅读 (46) | 评论 (0) 编辑
摘要:var memoizer = function(memo, fundamental) { var shell = function(n) { var result = memo[n]; if (typeof result !== 'number') { result = fundamental(shell, n); memo[n] = result; } return result; ... 阅读全文
posted @ 2012-07-12 12:48 小猩猩君 阅读 (97) | 评论 (0) 编辑
摘要:1 Function.prototype.method = function(name, func) { 2 if (!this.prototype[name]) { 3 this.prototype[name] = func; 4 } 5 }; 6 7 Function.method('curry', function() { 8 var slice = Array.prototype.slice, 9 args = slice.apply(arguments),10 that = this;11 retur... 阅读全文
posted @ 2012-07-12 12:30 小猩猩君 阅读 (45) | 评论 (0) 编辑
摘要:1 var serial_maker = function() { 2 //返回一个用来产生唯一字符串的对象。 3 //唯一字符串由两部分组成:前缀+序列号。 4 //该对象包含一个设置前缀的方法,一个设置序列号的方法,和一个产生唯一字符串的 gensym 方法。 5 var prefix = ''; 6 var seq = 0; 7 return { 8 set_prefix: function(p) { 9 prefix = String... 阅读全文
posted @ 2012-07-11 13:33 小猩猩君 阅读 (76) | 评论 (0) 编辑
摘要:1 Function.prototype.method = function(name, func) {2 if (!this.prototype[name]) {3 this.prototype[name] = func;4 }5 };具体使用和YUI类似 阅读全文
posted @ 2012-07-11 13:10 小猩猩君 阅读 (124) | 评论 (0) 编辑
摘要:1 Function.prototype.method = function(name, func) { 2 if (!this.prototype[name]) { 3 this.prototype[name] = func; 4 } 5 }; 6 7 String.method('deentityify', function() { 8 //字符实体表。它映射字符实体的名字到对应的字符。 9 var entity = {10 quot: '"',11 lt: '<',12 gt: '>'13 };1415 阅读全文
posted @ 2012-07-11 13:08 小猩猩君 阅读 (2634) | 评论 (0) 编辑
摘要:1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> 3 <head> 4 <meta http-equiv="Content-Type" co 阅读全文
posted @ 2012-07-10 14:28 小猩猩君 阅读 (62) | 评论 (0) 编辑
摘要:1 var fade = function(node) { 2 var level = 1; 3 var step = function() { 4 var hex = level.toString(); 5 node.style.backgroundColor = '#FFFF' + hex + hex; 6 if (level < 15) { 7 level += 1; 8 setT... 阅读全文
posted @ 2012-07-10 14:09 小猩猩君 阅读 (47) | 评论 (0) 编辑
摘要:1 //定义 walk_the_DOM 函数,它从某个给定的节点开始,按HTML源码中的顺序访问该树的每个节点 2 //它会调用一个函数,并依次传递每个节点给它。walk_the_DOM 调用自身去处理每一个子节点。 3 var walk_the_DOM = function walk(node, func) { 4 func(node); 5 node = node.firstChild; 6 while (node) { 7 walk(node, func); 8 node = node.ne... 阅读全文
posted @ 2012-07-09 22:17 小猩猩君 阅读 (157) | 评论 (0) 编辑
摘要:1 var hanoi = function(disc, src, aux, dst) {2 if (disc > 0) {3 hanoi(disc - 1, src, dst, aux);4 document.writeln('Move disc ' + disc + ' from ' + src + ' to ' + dst + '<br/>');5 hanoi(disc - 1, aux, src, dst);6 }7 };8 hanoi(3, 'Src', 'Aux', & 阅读全文
posted @ 2012-07-09 14:06 小猩猩君 阅读 (65) | 评论 (0) 编辑
摘要:1 Function.prototype.method = function(name, func) { 2 if (!this.prototype[name]) { 3 this.prototype[name] = func; 4 } 5 }; 6 7 //根据数字的正负来判断使用哪个方法 8 Number.method('integer', function() { 9 return Math[this < 0 ? 'ceil' : 'floor'](this);10 });11 document.writeln((-10 / 3).i 阅读全文
posted @ 2012-07-09 13:07 小猩猩君 阅读 (50) | 评论 (0) 编辑
摘要:1 function newCydz(){2 window.showModalDialog('open_cydz.html','','dialogWidth=420px;dialogHeight=350px;scroll=no;status=no;help=no;');3 }效果和用JS写的Dialog一样,但是是一个新开窗口页面,展现效果可能木有JS写的好看,但是在低版本浏览器上性能是木有问题的。由于showModalDialog缓存严重,下面是在子窗口取消客户端缓存的设置.也可以在服务器端取消缓存1 <meta http-equiv=& 阅读全文
posted @ 2012-07-05 10:37 小猩猩君 阅读 (77) | 评论 (0) 编辑
摘要:1 var addHandler = document.body.addEventListener ? 2 function(target, eventType, handler) { 3 target.addEventListener(eventType, handler, false); 4 } : function(target, eventType, handler) { 5 target.attachEvent("on" + eventType, handler); 6 }; 7 8 var removeHandler = document.body.remove 阅读全文
posted @ 2012-07-02 17:07 小猩猩君 阅读 (57) | 评论 (0) 编辑
摘要:1 function addHandler(target, eventType, handler) { 2 if (target.addEventListener) { 3 addHandler = function(target, eventType, handler) { 4 target.addEventListener(eventType, handler, false); 5 }; 6 } else { 7 addHandler = function(target, eventType, handler) { 8 target.attachEvent("on" + 阅读全文
posted @ 2012-07-02 17:01 小猩猩君 阅读 (77) | 评论 (0) 编辑
摘要:等项目上线,写点简单的东西练练手 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> 3 <head> 4 <meta http-equiv="Cont 阅读全文
posted @ 2012-06-29 15:17 小猩猩君 阅读 (100) | 评论 (0) 编辑
摘要:简单的例子:1 for (var i = 0, len = item.length; i < len; i++) {2 process(item[i]);3 }优化条件:1、处理过程是否必须同步?2、数据是否必须按顺序处理?都是否,就看下面的代码: 1 function processArray(items, process, callback) { 2 var todo = items.concat(); 3 4 setTimeout(function() { 5 process(todo.shift()); 6 7 if (todo.length > 0) { 8 setTim 阅读全文
posted @ 2012-06-28 13:45 小猩猩君 阅读 (334) | 评论 (0) 编辑
摘要:1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> 3 <head> 4 <meta http-equiv="Content-Type" co 阅读全文
posted @ 2012-06-27 15:09 小猩猩君 阅读 (406) | 评论 (0) 编辑
摘要:1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN""http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> 3 <head> 4 <meta http-equiv="content-type" content="text/html; ch 阅读全文
posted @ 2012-06-27 10:51 小猩猩君 阅读 (50) | 评论 (0) 编辑
摘要:1 if (!String.prototype.trim) {2 String.prototype.trim = function() {3 return this.replace(/^\s+/, "").replace(/\s+$/, "");4 };5 }67 var str = " \t\n test string ".trim();8 console.log(str == "test string");//true混合解决方案:用正则表达式方法过滤头部空白,用非正则表达式的方法过滤尾部字符。 1 Strin 阅读全文
posted @ 2012-06-26 13:52 小猩猩君 阅读 (1561) | 评论 (0) 编辑
摘要:1 var str = "I'm a thirty-five character string.", 2 strs = [], 3 newStr, 4 appends = 5000; 5 6 while (appends--) { 7 strs[strs.length] = str; 8 } 9 10 newStr = strs.join("");以上代码为了让IE7或者更低版本的浏览器性能更优。其他浏览器使用以下代码:1 var str = "I'm a thirty-five character string.", 阅读全文
posted @ 2012-06-25 21:09 小猩猩君 阅读 (93) | 评论 (0) 编辑
摘要:1 function merge(left, right) { 2 var result = []; 3 4 while (left.length > 0 && right.length > 0) { 5 if (left[0] < right[0]) { 6 result.push(left.shift()); 7 } else { 8 result.push(right.shift()); 9 }10 }11 return result.concat(left... 阅读全文
posted @ 2012-06-24 19:22 小猩猩君 阅读 (196) | 评论 (0) 编辑
摘要:1 if (value < 6) { 2 if (value < 3) { 3 if (value == 0) { 4 return result0; 5 } else if (value == 1) { 6 return result1; 7 } else { 8 return result2; 9 }10 } else {11 if (value == 3) {12 return result3;1... 阅读全文
posted @ 2012-06-24 17:18 小猩猩君 阅读 (176) | 评论 (0) 编辑
摘要:1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html;ch 阅读全文
posted @ 2012-06-23 21:17 小猩猩君 阅读 (61) | 评论 (0) 编辑
摘要:1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html;ch 阅读全文
posted @ 2012-06-23 20:02 小猩猩君 阅读 (113) | 评论 (0) 编辑
摘要:1 //DOM原生 选择器API,IE8、FF3.5、safari3.1、chrome1、opera10支持 2 var errs = document.querySelectorAll('div.warning,div.notice'); 3 4 //使用getElementsByTagName() 5 var errs = [], 6 divs = document.getElementsByTagName('div'), 7 classname = ''; 8 for (var i = 0, len = divs.length; i < 阅读全文
posted @ 2012-06-23 10:40 小猩猩君 阅读 (81) | 评论 (0) 编辑
摘要:1 function toArray(coll) { 2 for (var i = 0, a = [], len = coll.length; i < len; i++) { 3 a[i] = coll[i]; 4 } 5 return a; 6 } 7 8 //用法 9 var coll = document.getElementsByTagName('div');10 var arr = toArray(coll); 阅读全文
posted @ 2012-06-22 15:26 小猩猩君 阅读 (59) | 评论 (0) 编辑
摘要:innerHTML: 1 function tableInnerHTML() { 2 var i, h = ['<table border="1" width="100%">']; 3 h.push('<thead>'); 4 h.push('<tr><th>id<\/th><th>yes?<\/th><th>name<\/th><th>url<\/th><th>actio 阅读全文
posted @ 2012-06-20 15:12 小猩猩君 阅读 (1249) | 评论 (0) 编辑
摘要:举例:location.href > window.location.href > window.location.href.toString()对象成员嵌套得越深,访问速度就会越慢。 阅读全文
posted @ 2012-06-20 13:23 小猩猩君 阅读 (89) | 评论 (0) 编辑
摘要:1 function loadScript(url, callback) { 2 var script = document.createElement("script"); 3 script.type = "text/javascript"; 4 5 if (script.readyState) { //IE 6 script.onreadystatechange = function() { 7 if (script.readyState == "loaded" || script.readyState == "comp 阅读全文
posted @ 2012-06-19 16:17 小猩猩君 阅读 (57) | 评论 (0) 编辑
摘要:1 jQuery.preloadImages = function() {2 for(var i = 0; i < arguments.length; i++) {3 $("<img />").attr('src', arguments[i]);4 }5 };6 //用法7 $.preloadImages('image1.gif', '/path/to/image2.png', 'some/image3.jpg'); 阅读全文
posted @ 2012-06-19 12:50 小猩猩君 阅读 (51) | 评论 (0) 编辑
摘要:1 (function(){2 console.log(arguments instanceof Array); // false 3 var argsArray = Array.prototype.slice.call(arguments);4 console.log(argsArray instanceof Array); // true 5 }());getElementsByTagName返回的NodeList也可以转化成数组1 Array.prototype.slice.call(nodes) 阅读全文
posted @ 2012-06-19 11:10 小猩猩君 阅读 (5504) | 评论 (1) 编辑
摘要:原始代码:1 var list = document.getElementById("myList");2 for (var i = 0; i < 10; i++) {3 var item = document.createElement("li");4 list.appendChild(item);5 item.appendChild(document.createTextNode("Item" + i));6 }使用文档碎片(fragment)后的代码1 var list = document.getElementById( 阅读全文
posted @ 2012-06-18 16:51 小猩猩君 阅读 (84) | 评论 (0) 编辑
摘要:1 //credit: Speed Up Your Site (New Riders, 2003) 2 var iterations = Math.floor(value.length / 8); 3 var leftover = value.length % 8; 4 var i = 0; 5 6 if (leftover > 0) { 7 do { 8 process(values[i++]); 9 } while (--leftover > 0);10 }11 do {12 process(value[i++]);13 process(... 阅读全文
posted @ 2012-06-18 16:33 小猩猩君 阅读 (201) | 评论 (0) 编辑
摘要:原生函数1 function handleKeyPress(event) {2 if (event.KeyCode == 13) {3 var target = EventUtil.getTarget(event);4 var value = 5 * parseInt(target.value);5 if (value > 10) {6 document.getElementById("error-msg").style.display = "block";7 }8 }9 }解耦后的函数 1... 阅读全文
posted @ 2012-06-17 22:29 小猩猩君 阅读 (90) | 评论 (0) 编辑
摘要:1 var CookieUtil = { 2 get: function(name) { 3 var cookieName = encodeURIComponent(name) + "=", 4 cookieStart = document.cookie.indexOf(cookieName), 5 cookieValue = null; 6 7 if (cookieStart > -1) { 8 var cookieEnd = document.cookie.indexOf("... 阅读全文
posted @ 2012-06-17 19:22 小猩猩君 阅读 (76) | 评论 (0) 编辑
摘要:1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html;ch 阅读全文
posted @ 2012-06-15 16:10 小猩猩君 阅读 (782) | 评论 (0) 编辑
摘要:1 //自定义事件 2 function EventTarget() { 3 this.handlers = {}; 4 } 5 EventTarget.prototype = { 6 constructor: EventTarget, 7 //注册 8 addHandler: function(type, handler) { 9 if (typeof this.handlers[type] == "undefined") {10 this.handlers[type] = [];11 ... 阅读全文
posted @ 2012-06-13 15:03 小猩猩君 阅读 (61) | 评论 (0) 编辑
摘要:1 function chunk(array, process, context) { 2 setTimeout(function() { 3 var item = array.shift(); 4 process.call(context, item); 5 6 if (array.length > 0) { 7 setTimeout(arguments.callee, 100); 8 } 9 }, 100);10 }11 12 var data = [12, 123, 1234, 4... 阅读全文
posted @ 2012-06-12 11:26 小猩猩君 阅读 (170) | 评论 (0) 编辑
摘要:1 function curry(fn, context) { 2 var args = Array.prototype.slice.call(arguments, 2); 3 return function() { 4 var innerArgs = Array.prototype.slice.call(arguments); 5 var finalArgs = args.concat(innerArgs); 6 return fn.apply(context, finalArgs); 7 }; 8 } 9 funct... 阅读全文
posted @ 2012-06-10 20:07 小猩猩君 阅读 (83) | 评论 (0) 编辑
摘要:1 function curry(fn) { 2 var args = Array.prototype.slice.call(arguments, 1); 3 return function() { 4 var innerArgs = Array.prototype.slice.call(arguments); 5 var finalArgs = args.concat(innerArgs); 6 return fn.apply(null, finalArgs); 7 }; 8 } 9 10 //使用方法11 funct... 阅读全文
posted @ 2012-06-10 18:00 小猩猩君 阅读 (90) | 评论 (0) 编辑
摘要:1 function bind(fn, context) { 2 return function() { 3 return fn.apply(context, arguments); 4 }; 5 } 6 7 //使用方法 8 var handler = { 9 message: "Event handler",10 handleClick: function() {11 console.log(this.message + ":" + event.type);12 }13 };14 var btn = documen... 阅读全文
posted @ 2012-06-10 14:42 小猩猩君 阅读 (103) | 评论 (0) 编辑
摘要:1 function Polygon(sides) { 2 if (this instanceof Polygon) { 3 this.sides = sides; 4 this.getArea = function() { 5 return 0; 6 }; 7 } else { 8 return new Polygon(sides); 9 }10 }11 12 function Rectangle(width, height) {13 Polygon.call(this,... 阅读全文
posted @ 2012-06-08 16:20 小猩猩君 阅读 (69) | 评论 (0) 编辑
摘要:1 function Person(name, age, job) { 2 if (this instanceof Person) { 3 this.name = name; 4 this.age = age; 5 this.job = job; 6 } else { 7 return new Person(name, age, job); 8 } 9 }10 11 var person1 = Person("Nicholas", 29, "Software Engineer");12 console.l... 阅读全文
posted @ 2012-06-08 15:59 小猩猩君 阅读 (72) | 评论 (0) 编辑
摘要:1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html;ch 阅读全文
posted @ 2012-06-08 11:19 小猩猩君 阅读 (437) | 评论 (0) 编辑
摘要:1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html;ch 阅读全文
posted @ 2012-06-07 14:48 小猩猩君 阅读 (161) | 评论 (0) 编辑
摘要:1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html;ch 阅读全文
posted @ 2012-06-06 10:05 小猩猩君 阅读 (53) | 评论 (0) 编辑
摘要:1 function createXHR(){ 2 if(typeof XMLHttpRequest != "undefined"){ 3 createXHR = function(){ 4 return new XMLHttpRequest(); 5 }; 6 }else if(typeof ActiveXObject != "undefined"){ 7 createXHR = function(){ 8 if(typeof arguments.callee.active... 阅读全文
posted @ 2012-06-05 20:29 小猩猩君 阅读 (375) | 评论 (0) 编辑
摘要:1 /* 2 *对表单字段的名称和值进行URL编码,使用和号(&)分割。 3 *不发送禁用的表单字段。 4 *只发送勾选的复选框和单选按钮。 5 *不发送type为"reset"和"button"的按钮。 6 *多选选择框中的每个选中的值单独一个条目。 7 *在单击提交表单的情况下,也会发送提交按钮;否则,不发送提交按钮。也包括type为"image"的<input>元素。 8 *<select>元素的值,就是选中的<option>元素的value特性的值。如果<option>元 阅读全文
posted @ 2012-06-04 20:34 小猩猩君 阅读 (313) | 评论 (0) 编辑
摘要:1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html;ch 阅读全文
posted @ 2012-06-04 20:01 小猩猩君 阅读 (49) | 评论 (0) 编辑
摘要:1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html;ch 阅读全文
posted @ 2012-06-04 17:21 小猩猩君 阅读 (72) | 评论 (0) 编辑
摘要:1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html;ch 阅读全文
posted @ 2012-06-04 16:43 小猩猩君 阅读 (54) | 评论 (0) 编辑
摘要:1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html;ch 阅读全文
posted @ 2012-06-04 15:34 小猩猩君 阅读 (67) | 评论 (0) 编辑
摘要:1 //getClipboardText2 EventUtil.addHandler(textbox, "paste", function(event) {3 event = EventUtil.getEvent(event);4 var text = EventUtil.getClipboardText(event);5 6 if (!/^\d*$/.test(text)) {7 EventUtil.preventDefault(event);8 }9 }); 阅读全文
posted @ 2012-06-04 11:42 小猩猩君 阅读 (236) | 评论 (0) 编辑
摘要:1 var textbox = document.forms[0].elements["textbox1"]; 2 3 //文本框忽略所有输入的非数值 4 EventUtil.addHandler(textbox, "keypress", function(event) { 5 event = EventUtil.getEvent(event); 6 var target = EventUtil.getTarget(event); 7 var charCode = EventUtil.getCharCode(event); 8 9 if (!/\d/.t 阅读全文
posted @ 2012-06-03 23:10 小猩猩君 阅读 (126) | 评论 (0) 编辑
摘要:1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html;ch 阅读全文
posted @ 2012-06-03 17:01 小猩猩君 阅读 (65) | 评论 (0) 编辑
摘要:1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html;ch 阅读全文
posted @ 2012-06-03 15:44 小猩猩君 阅读 (3422) | 评论 (0) 编辑
摘要:1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html;ch 阅读全文
posted @ 2012-06-03 12:45 小猩猩君 阅读 (39) | 评论 (0) 编辑
摘要:1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html;ch 阅读全文
posted @ 2012-06-01 15:07 小猩猩君 阅读 (751) | 评论 (0) 编辑
摘要:DOM 1 var btn = document.getElementById("myBtn"); 2 3 //创建事件对象 4 var event = document.createEvent("MouseEvents"); 5 6 //初始化事件对象 7 event.initMouseEvent("click", true, true, document.defaultView, 0, 0, 0, 0, 0, false, false, false, false, 0, null); 8 9 //触发事件10 btn.dispat 阅读全文
posted @ 2012-06-01 10:53 小猩猩君 阅读 (66) | 评论 (0) 编辑
摘要:1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html;ch 阅读全文
posted @ 2012-05-31 21:13 小猩猩君 阅读 (54) | 评论 (0) 编辑
摘要:1 (function() { 2 function handleMouseWheel(event) { 3 event = EventUtil.getEvent(event); 4 var delta = EventUtil.getWheelDelta(event); 5 console.log(delta); 6 } 7 8 EventUtil.addHandler(document, "mousewheel", handleMouseWheel); 9 EventUtil.addHandler(docum... 阅读全文
posted @ 2012-05-31 16:57 小猩猩君 阅读 (963) | 评论 (0) 编辑
摘要:1 var a = [];2 alert(a.constructor == Array); 阅读全文
posted @ 2012-05-31 16:31 小猩猩君 阅读 (62) | 评论 (0) 编辑
摘要:1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html;ch 阅读全文
posted @ 2012-05-31 16:23 小猩猩君 阅读 (62) | 评论 (0) 编辑
摘要:1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html;ch 阅读全文
posted @ 2012-05-31 14:29 小猩猩君 阅读 (180) | 评论 (0) 编辑
摘要:1 var isSupported = document.implementation.hasFeature("HTMLEvents","2.0"); 阅读全文
posted @ 2012-05-29 15:50 小猩猩君 阅读 (87) | 评论 (0) 编辑
摘要:1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html;ch 阅读全文
posted @ 2012-05-28 17:03 小猩猩君 阅读 (371) | 评论 (0) 编辑
摘要:1 var link = document.getElementById("myLink"); 2 //only IE 3 link.onclick = function() { 4 window.event.returnValue = false; 5 }; 6 7 //DOM0 8 link.onclick = function(event) { 9 event.preventDefault();10 };11 12 //DOM事件监听13 link.addEventListener("click", function(event) {14 even 阅读全文
posted @ 2012-05-28 10:17 小猩猩君 阅读 (46) | 评论 (0) 编辑
摘要:1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html;ch 阅读全文
posted @ 2012-05-26 17:26 小猩猩君 阅读 (1807) | 评论 (0) 编辑
摘要:1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html;ch 阅读全文
posted @ 2012-05-25 21:46 小猩猩君 阅读 (67) | 评论 (0) 编辑
摘要:1 function t(s, data){ 2 var r = [], i = 0, len = data.length; 3 for(; i < len; i++){ 4 r.push(s.replace(/\$[\w\d]+/g, function(m){ 5 return (m = m.substr(1)) in data[i] ? data[i][m] : ''; 6 })) 7 } 8 return r.join('\r\n'); 9 }10 11 console.log(t('<li>$na... 阅读全文
posted @ 2012-05-25 15:35 小猩猩君 阅读 (56) | 评论 (0) 编辑
摘要:1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html;ch 阅读全文
posted @ 2012-05-25 14:29 小猩猩君 阅读 (71) | 评论 (0) 编辑
摘要:首先看下addEventListener()事件代码 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta http-equiv="Content-Type" 阅读全文
posted @ 2012-05-24 14:41 小猩猩君 阅读 (141) | 评论 (0) 编辑
摘要:1 function baseObject(){2 this.shit = function(){ alert('fuck'); }3 }4 function abc(){5 baseObject.call(this);6 }7 var o = new abc();8 console.log(o.shit) 阅读全文
posted @ 2012-05-23 16:44 小猩猩君 阅读 (59) | 评论 (0) 编辑
摘要:1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> 3 <head> 4 <meta http-equiv="Content-Type" co 阅读全文
posted @ 2012-05-19 20:34 小猩猩君 阅读 (77) | 评论 (0) 编辑
摘要:1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html;ch 阅读全文
posted @ 2012-05-19 13:36 小猩猩君 阅读 (52) | 评论 (0) 编辑
摘要:1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html;ch 阅读全文
posted @ 2012-05-19 11:34 小猩猩君 阅读 (53) | 评论 (0) 编辑
摘要:1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html;ch 阅读全文
posted @ 2012-05-19 10:53 小猩猩君 阅读 (56) | 评论 (0) 编辑
摘要:先上代码:1 var supportsTraversals = document.implementation.hasFeature("Traversal", "2.0");2 var supportsNodeIterator = (typeof document.createNodeIterator == "function");3 var supportsTreeWalker = (typeof document.createTreeWalker == "function");4 console.log(sup 阅读全文
posted @ 2012-05-19 10:05 小猩猩君 阅读 (121) | 评论 (0) 编辑
摘要:1 function dateFormat(optioner) {2 var a = new Date,b;3 return [a.getFullYear(), (b = (a.getMonth() + 1), b > 10 ? b : '0' + b), a.getDate()].join(optioner);4 }5 console.log(dateFormat('/')); 阅读全文
posted @ 2012-05-18 15:50 小猩猩君 阅读 (81) | 评论 (0) 编辑
摘要:1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html;ch 阅读全文
posted @ 2012-05-17 14:50 小猩猩君 阅读 (107) | 评论 (0) 编辑
摘要:加入了浏览器判断 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta http-equiv="Content-Type" content="tex 阅读全文
posted @ 2012-05-16 21:23 小猩猩君 阅读 (93) | 评论 (0) 编辑
摘要:内外边距一定要初始化,不然有些浏览器下取值要悲剧了 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta http-equiv="Content-Type" 阅读全文
posted @ 2012-05-16 21:00 小猩猩君 阅读 (107) | 评论 (0) 编辑
摘要:算法核心是从上往下扫描数组,比较相邻两个元素,大的在数组的后面,小的在前面,如果不符合则交换二者位置。 1 function bubbleSort(arr) { 2 if (arr.length <= 1) { 3 return arr; 4 } 5 for (var i = arr.length–1; i > 0; i–) { 6 for (var j = i–1; j >= 0; j–) { 7 if (arr[j] < arr[j - 1]) { 8 var tmp = arr... 阅读全文
posted @ 2012-05-15 21:09 小猩猩君 阅读 (41) | 评论 (0) 编辑
摘要:1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html;ch 阅读全文
posted @ 2012-05-15 13:07 小猩猩君 阅读 (63) | 评论 (0) 编辑
摘要:1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html;ch 阅读全文
posted @ 2012-05-14 21:59 小猩猩君 阅读 (57) | 评论 (0) 编辑
摘要:1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html;ch 阅读全文
posted @ 2012-05-14 09:37 小猩猩君 阅读 (97) | 评论 (0) 编辑
摘要:1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html;ch 阅读全文
posted @ 2012-05-13 20:51 小猩猩君 阅读 (57) | 评论 (0) 编辑
摘要:1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html;ch 阅读全文
posted @ 2012-05-12 22:12 小猩猩君 阅读 (88) | 评论 (0) 编辑
摘要:1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html;ch 阅读全文
posted @ 2012-05-12 22:12 小猩猩君 阅读 (88) | 评论 (0) 编辑
摘要:1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html;ch 阅读全文
posted @ 2012-05-12 21:39 小猩猩君 阅读 (617) | 评论 (0) 编辑
摘要:1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html;ch 阅读全文
posted @ 2012-05-09 11:25 小猩猩君 阅读 (89) | 评论 (0) 编辑
摘要:setInterval 1 var num = 0; 2 var max = 10; 3 var intervalId = null; 4 5 function incrementNumber() { 6 num++; 7 8 if (num == max) { 9 clearInterval(intervalId);10 console.log("Done");11 }12 }13 14 intervalId = setInterval(incrementNumber, 500);setTimeout 1 var num = 0; ... 阅读全文
posted @ 2012-05-09 11:23 小猩猩君 阅读 (70) | 评论 (0) 编辑
摘要:1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html;ch 阅读全文
posted @ 2012-05-09 11:15 小猩猩君 阅读 (103) | 评论 (0) 编辑
摘要:1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html;ch 阅读全文
posted @ 2012-05-09 10:51 小猩猩君 阅读 (99) | 评论 (0) 编辑
摘要:1 var element = document.createElement("div"); 2 element.className = "message"; 3 4 var textNode = document.createTextNode("Hello world!"); 5 element.appendChild(textNode); 6 7 document.body.appendChild(element); 8 9 var newNode = element.firstChild.splitText(5);10 cons 阅读全文
posted @ 2012-05-09 10:35 小猩猩君 阅读 (84) | 评论 (0) 编辑
摘要:1 var div = document.getElementById("myDiv");2 var comment = div.firstChild;3 console.log(comment.data);4 console.log(comment.nodeValue == comment.data); 阅读全文
posted @ 2012-05-09 10:35 小猩猩君 阅读 (68) | 评论 (0) 编辑
摘要:1 var element = document.createElement("div"); 2 element.className = "message"; 3 4 var textNode = document.createTextNode("Hello world!"); 5 element.appendChild(textNode); 6 7 var anotherTextNode = document.createTextNode("Yippee!"); 8 element.appendChild(ano 阅读全文
posted @ 2012-05-08 16:27 小猩猩君 阅读 (61) | 评论 (0) 编辑
摘要:1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html;ch 阅读全文
posted @ 2012-05-08 15:53 小猩猩君 阅读 (250) | 评论 (0) 编辑
摘要:1 var element = document.getElementById("myList");2 for (var i = 0, len = element.childNodes.length; i < len; i++) {3 if (element.childNodes[i].nodeType == 1) {4 console.log(element.childNodes[i].innerHTML);5 }6 } 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN&q 阅读全文
posted @ 2012-05-08 15:38 小猩猩君 阅读 (98) | 评论 (0) 编辑
摘要:1 //Example 1 2 var returnedNode = someNode.appendChild(newNode); 3 console.log(returnedNode == newNode); 4 console.log(someNode.lastChild == newNode); 5 6 //Example 2 7 var returnedNode = someNode.appendChild(someNode.firstChild); 8 console.log(returnedNode == someNode.firstChild); //false 9 cons.. 阅读全文
posted @ 2012-05-07 09:52 小猩猩君 阅读 (107) | 评论 (0) 编辑
摘要:1 //寄生组合式继承 2 function object(o) { 3 function F() {} 4 F.prototype = o; 5 return new F(); 6 } 7 8 function inheritPrototype(subType, superType) { 9 var prototype = object(superType.prototype);10 prototype.constructor = subType;11 subType.prototype = prototype;12 }13 14 func... 阅读全文
posted @ 2012-04-30 11:36 小猩猩君 阅读 (610) | 评论 (0) 编辑
摘要:1 //组合继承是Javascript最常用的继承模式 2 function SuperType(name) { 3 this.name = name; 4 this.colors = ["red", "blue", "green"]; 5 } 6 7 SuperType.prototype.sayName = function() { 8 console.log(this.name); 9 };10 11 function SubType(name, age) {12 //继承属性13 SuperType.call(this, na 阅读全文
posted @ 2012-04-30 11:35 小猩猩君 阅读 (96) | 评论 (0) 编辑
摘要:1functionSuperType(){2this.property=true;3}45SuperType.prototype.getSuperValue=function(){6returnthis.property;7};89functionSubType(){10this.subproperty=false;11}1213//继承了SuperType14SubType.prototype=newSuperType();1516SubType.prototype.getSuperValue=function(){17returnthis.subproperty;18};1920varin 阅读全文
posted @ 2012-04-26 09:25 小猩猩君 阅读 (156) | 评论 (0) 编辑
摘要:按对象取值:jQuery代码如下 1 (function ($) { 2 $.getJSON('ajax/test.json', function (data) { 3 var items = []; 4 5 $.each(data.comments, function (key, val) { 6 items.push('<li class="' + 'tag' + val.class + '">' + '<a href="#">' + val.co 阅读全文
posted @ 2012-04-17 16:21 小猩猩君 阅读 (10689) | 评论 (0) 编辑
摘要:1、简单跨域(子域):domian2、跨大域:postMessage 阅读全文
posted @ 2012-03-29 10:52 小猩猩君 阅读 (112) | 评论 (0) 编辑
摘要:1functionPerson(){2}34Person.prototype.name="Nicholas";5Person.prototype.age=29;6Person.prototype.job="SoftwareEngineer";7Person.prototype.sayName=function(){8console.log(this.name);9};1011varperson1=newPerson();12person1.sayName();1314varperson2=newPerson();15person2.sayName();1 阅读全文
posted @ 2012-03-26 15:31 小猩猩君 阅读 (186) | 评论 (0) 编辑
摘要:最近一个私活,客户要求有光源特效,本来想用Flash画的,可是看了jQuery动画(jQuery 1.4 Animation Techniques Beginner's Guide)以后觉得可以试试GitHub链接:https://github.com/qianzs/sun_scroll欢迎指点 阅读全文
posted @ 2012-03-17 19:46 小猩猩君 阅读 (139) | 评论 (0) 编辑
摘要:1functionPerson(name,age,job){2this.name=name;3this.age=age;4this.job=job;5this.sayName=function(){6console.log(this.name);7};8}910varperson1=newPerson("Nicholas",29,"SoftwareEngineer");11varperson2=newPerson("Greg",27,"Doctor");1213person1.sayName();14person2 阅读全文
posted @ 2012-03-16 13:55 小猩猩君 阅读 (85) | 评论 (0) 编辑
摘要:1functionselectFrom(lowerValue,upperValue){2varchoices=upperValue-lowerValue+1;3returnMath.floor(Math.random()*choices+lowerValue);4}56varnum=selectFrom(2,10);7console.log(num);89varcolors=["red","green","blue","yellow","black","purple",&qu 阅读全文
posted @ 2012-03-15 16:17 小猩猩君 阅读 (63) | 评论 (0) 编辑
摘要:1varstringValue="yellow";2console.log(stringValue.localeCompare("brick"));3console.log(stringValue.localeCompare("yellow"));4console.log(stringValue.localeCompare("zoo"));chrome下brick显示为23,其他浏览器均为1 阅读全文
posted @ 2012-03-15 14:37 小猩猩君 阅读 (1098) | 评论 (0) 编辑
摘要:1functionhtmlEscape(text){2returntext.replace(/[<>"&]/g,function(match,pos,originalText){3switch(match){4case"<":5return"&lt;";6case">":7return"&gt;";8case"&":9return"&amp;";10case"\"":11r 阅读全文
posted @ 2012-03-15 14:13 小猩猩君 阅读 (93) | 评论 (0) 编辑
摘要:1varstringValue="Loremipsumdolorsitamet,consecteturadipisicingelit";2varpositions=newArray();3varpos=stringValue.indexOf("e");45while(pos>-1){6positions.push(pos);7pos=stringValue.indexOf("e",pos+1);8}9console.log(positions); 阅读全文
posted @ 2012-03-14 16:17 小猩猩君 阅读 (40) | 评论 (0) 编辑
摘要:1vars1="sometext";2s1.color="red";3console.log(s1.color);45vars1=newObject();6s1.text="sometext";7s1.color="red";8console.log(s1);9console.log(s1.color);1011varstringObject=newString();12stringObject.text="sometext";13stringObject.color="red&quo 阅读全文
posted @ 2012-03-14 15:21 小猩猩君 阅读 (85) | 评论 (0) 编辑
摘要:1functionlist(type){2varresult="<"+type+">";34//iteratethroughnon-typearguments5for(vari=1;i<arguments.length;i++){6result+="<li>"+arguments[i]+"</li>";7}89result+="</"+type+">";//endlist1011returnresult;12}13varl 阅读全文
posted @ 2012-03-13 10:10 小猩猩君 阅读 (249) | 评论 (0) 编辑
摘要:匿名函数递归1functionfactorial(num){2if(num<=1){3return1;4}else{5returnnum*arguments.callee(num-1);6}7}命名函数递归1functionfactorial(num){2if(num<=1){3return1;4}else{5returnnum*factorial(num-1);6}7}调用函数1vartrueFactorial=factorial;2factorial=function(){3return0;4};5console.log(trueFactorial(5));6console.l 阅读全文
posted @ 2012-03-12 22:00 小猩猩君 阅读 (534) | 评论 (0) 编辑
摘要:父页面1<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">2<htmlxmlns="http://www.w3.org/1999/xhtml">3<head>4<metahttp-equiv="Content-Type"content="text/html;charset=UTF-8&qu 阅读全文
posted @ 2012-03-12 15:18 小猩猩君 阅读 (2525) | 评论 (0) 编辑
摘要:1functioncreateComparisonFunction(propertyName){2returnfunction(object1,object2){3varvalue1=object1[propertyName];4varvalue2=object2[propertyName];56if(value1<value2){7return-1;8}elseif(value1>value2){9return1;10}else{11return0;12}13};14}1516vardata=[17{name:"Zachary",age:28},18{name 阅读全文
posted @ 2012-03-12 15:13 小猩猩君 阅读 (69) | 评论 (0) 编辑
摘要:方法如下:1varshow_navigator=navigator.userAgent.toLowerCase();2document.write(show_navigator);IE6:mozilla/4.0 (compatible; msie 6.0; windows nt 5.1; .net clr 2.0.50727)IE7:mozilla/4.0 (compatible; msie 7.0; windows nt 5.1; .net clr 2.0.50727)IE8:mozilla/4.0 (compatible; msie 8.0; windows nt 5.1; triden. 阅读全文
posted @ 2012-02-07 14:27 小猩猩君 阅读 (1117) | 评论 (0) 编辑
摘要:jQuery1.6.1event鼠标事件在chrome的console.log下会报错,将jQuery升级到1.7.1就可以解决报错问题。 阅读全文
posted @ 2012-02-02 21:45 小猩猩君 阅读 (99) | 评论 (0) 编辑
摘要:废话不多说,直接上代码index.html1<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN"2"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">3<htmlxmlns="http://www.w3.org/1999/xhtml">4<head>5<metahttp-equiv="Content-Type"content="text/ht 阅读全文
posted @ 2012-01-30 16:15 小猩猩君 阅读 (165) | 评论 (0) 编辑
摘要:1varkeys=[],nums=[],result=[];2for(vari=1;i<=800;i++){3varkey=Math.random();4keys.push(key);5nums[key]=i;6}7keys.sort();8for(vari=0;i<keys.length;i++){9result.push(nums[keys[i]])10}11console.log(result);12console.log(result.length); 阅读全文
posted @ 2012-01-19 15:29 小猩猩君 阅读 (114) | 评论 (0) 编辑
摘要:1varstr="今天星期"+"日一二三四五六".charAt(newDate().getDay());2console.log(str); 阅读全文
posted @ 2012-01-19 15:15 小猩猩君 阅读 (39) | 评论 (0) 编辑
摘要:1//splice(起始位置,要删除的个数,要插入的数据)2varcolors=["red","green","blue"];3varremoved=colors.splice(0,1);4console.log(colors);5console.log(removed);67removed=colors.splice(1,0,"yellow","orange");8console.log(colors);9console.log(removed);1011removed=colors.spli 阅读全文
posted @ 2012-01-19 14:56 小猩猩君 阅读 (80) | 评论 (0) 编辑
摘要:1<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">2<htmlxmlns="http://www.w3.org/1999/xhtml">3<head>4<metahttp-equiv="Content-Type"content="text/html;charset=UTF-8" 阅读全文
posted @ 2012-01-17 16:28 小猩猩君 阅读 (156) | 评论 (0) 编辑
摘要:1 <ul id="navigation" class="nav-top">2 <li><a class="current" href="index.html">首&nbsp;&nbsp;页</a></li>3 <li><a href="zxzx.html">最新资讯</a></li>4 <li><a href="yjts.html"& 阅读全文
posted @ 2011-12-28 15:15 小猩猩君 阅读 (268) | 评论 (0) 编辑