江湖再见

Extend// 例子：浅拷贝var a = {};var b = {c:1, d:2};for(var i in b){ a[i] = b[i];}// 封装，对引用类型（数组、对象）没有用function extend(sub,sup){ for(var i in sup){ sub[i] = sup[i]; }}继承var People = fu

switch...case结构switch...case结构要求，在每一个case的最后一行必须是break语句，否则会接着运行下一个case。这样不仅容易忘记，还会造成代码的冗长。而且，switch...case不使用大括号，不利于代码形式的统一。此外，这种结构类似于goto语句，容易造成程序流程的混乱，使得代码结构混乱不堪，不符合面向对象编程的原则。function doDir(d

DOM操作DOM本身就具有很丰富的操作方法，可以取代jQuery提供的操作方法。/*获取父元素*/ // jQuery写法 $('#elementID').parent(); // DOM写法 document.getElementById('elementID').parentNode;/*获取下一个同级元素。*/ // jQuery写法 $("#elementID"

函数名的提升,函数作用域,内部的变量提升

数据push,判断是否是第一条

/* obj = { a0:0 ,a1:1 ,a2:1 ,a3:2 ,a4:3 ,a5:5 ,a6:8 ,a7:14 ... ,a99:? }*/ var arr = [] ,obj = {} ,len = 100;for(var i=0; i<len; i++){ if(i == 0 ) { arr[i] = 0; obj['a

首先，用我们最简单的法子写个htm

获取“回到顶部”的top值：

window.onfocus = function(){}

startmove.jsscript

下班倒计时

/* 其他浏览器用charCodeIE/opera 用keyCode*/window.onload = function(){ document.onkeypress = function(evt){ alert(StringgetCharCode(evt)); }}function getCharCode(evt){ var e = evt || w

// about.jsfunction Index (){ if(!(this instanceof Index)){ return new Index(); } this.init();};Index.prototype = { init: function (){ this.getUserName(); }, getUserName: function (){ c

// 清除空格String.prototype.trim = function (){ var s = /^\s*(.*?)\s+$/g; return this.replace(s, '$1');}// 清除左空格/右空格function ltrim (s){ return s.replace( /^(\s*| *)/g, ''); }function rtrim (s){

JavaScript中的事件委托传统的事件处理事件委托就是在一个页面上使用一个事件来管理多种类型的事件。这并不是一个新的想法，但对于把握性能来说却很重要。通常情况，你会在web应用程序中看到这样的代码：document.getElementById("help-btn").onclick = function(event){ openHelp(); }; docum

首先，Javascript不是一种模块化编程语言，它不支持"类"（class），更遑论"模块"（module）了。一、原始写法模块就是实现特定功能的一组方法。只要把不同的函数（以及记录状态的变量）简单地放在一起，就算是一个模块。function m1(){　　　　//...　　}　　function m2(){　　　　//...　　}上面的函数m1()和m2()，组成一个模块

apply 使用 // 实现继承 function Animal(name){ this.name = name; this.showName = function(){ alert(this.name); } } function Cat(name){

trim 1    2footer/* Creating Elements（创建元素）$('');document.createElement('div');*//* Inserting Elements Before & After（在元素前后插入）$('#1').before('0')document.getElementById('1').i

function myRandom(start,end){ var total = end - start + 1; return Math.floor(Math.random()*total + start); } for(var i=0;i<10;i++){ document.write(myRandom(5,10));

//javascript 可作外部调用//base.js// 前台调用var $ = function(){ return new Base();};// 基础库，Base 基础库的核心对象function Base(){ // 创建一个数组，来保存获取的节点和节点数组,之所以放在对象里面是防止公有化 this.elements = [];}// 获取IDBase.prot

input输入框获取js点击文字内容*{margin:0;padding:0;list-style-type:none;}a,img{border:0;}body{font:12px/180% Arial, Helvetica, sans-serif, "新宋体";}.demo{width:340px;margin:0 auto;}.c{width:100px;height:25px;

查看地址一->

具体效果可参考：http://www.cnblogs.com/bluedream2009/archive/2010/06/19/1760909.html

拖拽+弹性运动window.onload = function(){ var oUl = document.getElementById('ul1'); var aLi = oUl.getElementsByTagName('li'); var disX = 0; //鼠标记录位置 var down = 0; var iNow = 0; var iTimer = null;

时下，许多web网站都有自己的手机建站，当用移动设备浏览网站的时候，我们希望能跳转到手机网址上，下面是一套并不是很完善的代码，高手可继续完善。代码贴出： js判断设备类型是移动设备还是PC设备 // borwserRedirect (function browserRedirect(){ var sUserAgent = navigator.userAgent.

网站常用效果之选项卡切换效果js选项卡 *{margin:0; padding: 0;} .clearfix:before, .clearfix:after{content: ""; display:table;} .clearfix:after{clear:both; overflow: hidden;} .clearfix{zoom:1;} .f-wrap{wid

拖拽+自定义滚动条

拖拽+改变大小 *{margin:0; padding: 0;} #box{background-color:#ddd; width: 300px; height:200px; position: relative;} #box1{border-bottom:10px solid #bbb; border-left:10px solid transparent; width:0; he

拖拽+重叠+虚线框（解决移动文字复制问题）

myCol function createEle(oParent,cssJson,tag){ var aEle = document.createElement(tag||'div'); //缺省值是'div' // 判断是否存在父级 if(oParent){ append(oParent,aEle); } // 如果不是空

javascript事件查询综合click() 对象.click() 使对象被点击。closed 对象.closed 对象窗口是否已关闭true/falseclearTimeout(对象) 清除已设置的setTimeout对象clearInterval(对象) 清除已设置的setInterval对象confirm("提示信息") 弹出确认框，确定返回true取消返回false

拖拽+碰撞+重力加速度

1. 优先使用 ===，而不是 ==JavaScript 使用两种相等性操作符：===，!== 和 ==，!=。通常认为做比较的最佳实践是使用前一组操作符。"若两个操作数的类型和值相同，那么 === 比较的结果为真，!== 比较的结果为假。" --- JavaScript语言精粹(JavaScript: The Good Parts)然而，如果使用 == 和 !=，当比较不同类

keycode    8 = BackSpace BackSpacekeycode    9 = Tab Tabkeycode   12 = Clearkeycode   13 = Enterkeycode   16 = Shift_Lkeycode   17 = Control_Lkeycode   18 = Alt_Lkeycode   19 = Pauseke

HTML 1JAN 2FER 3MAR 4APR 5MAY 6JUN 7JUL 8SUG 9SEP 10OCT 11NOV 12DEC

百度输入法，大家都很熟悉了。javascripthtmlcss

运动-弹性菜单*{margin:0; padding:0;}.wrap{ width:400px; margin:50px auto; position:relative;}ul,#mark{position:absolute; top:0; left: 0; width:500px; overflow:hidden;}ul li{width:100px; float:left

”回到顶部“在web中经常用到，写写

说说 *{margin:0; padding:0;} .f-wrap{width:500px; margin:10px auto;} body{font:normal normal 14px/20px "microsoft yahei",arial,sans-serif;} #txt{border:1px solid #ddd; line-height: 24px; resize:

图片放大 *{margin:0; padding:0;} ul,li{margin-right: 0; padding:0;} li{list-style:none;} a{text-decoration: none;} .clearfix:before,.clearfix:after{display: table; content: "";}