随笔分类 -  javascript

一些学习中的javascript代码
Javascript 闭包浅析（一）
摘要：闭包 对于Javascript程序员来说，闭包(closure)是一个难懂又必须征服的概念。闭包的形成与变量的生存周期密切相关。 变量的作用域变量的作用域，指变量的有效范围。我们最常谈到的是在函数中声明的变量作用域。当在函数中声明一个变量的时候，如果该变量前面没有带上关键在var，这个变量就会成为全 阅读全文
posted @ 2017-07-03 22:45 oceanden 阅读(244) 评论(0) 推荐(0)
常用正则表达式
摘要：一、校验数字的表达式1 数字：^[0-9]*$2 n位的数字：^\d{n}$3 至少n位的数字：^\d{n,}$4 m-n位的数字：^\d{m,n}$5 零和非零开头的数字：^(0|[1-9][0-9]*)$6 非零开头的最多带两位小数的数字：^([1-9][0-9]*)+(.[0-9]{1,2})... 阅读全文
posted @ 2016-01-11 11:32 oceanden 阅读(131) 评论(0) 推荐(0)
canvas 图形库
摘要：/* * @Author: ocean* @Date: 2015-04-26 20:08:19* @Last Modified by: ocean* @Last Modified time: 2015-04-26 20:30:08*/'use strict';var canvastools ... 阅读全文
posted @ 2015-06-22 23:22 oceanden 阅读(742) 评论(0) 推荐(0)
面向对象那些事~
摘要：通过new操作符构建一个对象，一般经过四步：A.创建一个新对象 B.将构造函数的作用域赋给新对象（所以this就指向了这个新对象） C.执行构造函数中的代码 D.返回这个新对象最后一点就说明了，我们只要返回一个新对象即可。其实new操作符主要是把原型链跟实例的this关联起来，这才是最关键的一点，所... 阅读全文
posted @ 2015-03-12 13:40 oceanden 阅读(155) 评论(0) 推荐(0)
面向对象选项卡原理
摘要：/*//面向过程window.onload = function(){ var oDiv = document.getElementById('div1'); var aBtn = oDiv.getElementsByTagName('input'); var aDiv = oDi... 阅读全文
posted @ 2015-01-03 14:29 oceanden 阅读(241) 评论(0) 推荐(0)
css常用tool.js
摘要：//开启和关闭样式表function disableStylesheet(ss){ if(typeof ss == 'number'){ document.styleSheets[ss].disabled = true; }else{ var sheets =... 阅读全文
posted @ 2015-01-03 10:55 oceanden 阅读(215) 评论(0) 推荐(0)
javascript闭包原理
摘要：输出5个5function box(){ var arr = []; for(var i=0; i<5; i++){ arr[i] = function(){ return i; }; } return arr;}var b ... 阅读全文
posted @ 2014-12-28 10:01 oceanden 阅读(138) 评论(0) 推荐(0)
javascript常用tool.js
摘要：//跨浏览器添加事件/*function addEvent(obj, type, fn){ if(typeof obj.addEventListener != 'undefined'){ obj.addEventListener(type, fn, false); }els... 阅读全文
posted @ 2014-12-27 17:10 oceanden 阅读(565) 评论(0) 推荐(0)
javascript常用判断函数
摘要：/**************************************** 检测是否是数组对象*****************************************/var isArray = Function.isArray || function(o){ retu... 阅读全文
posted @ 2014-12-25 20:03 oceanden 阅读(213) 评论(0) 推荐(0)
面向对象拖拽(子类继承)
摘要：Drag(父类)function Drag(id){ var _this = this; this.disX = 0; this.disY = 0; this.oDiv = document.getElementById(id); this.oDiv.onmousedo... 阅读全文
posted @ 2014-12-07 22:07 oceanden 阅读(163) 评论(0) 推荐(0)
JS 时钟
摘要： 阅读全文
posted @ 2014-11-18 11:43 oceanden 阅读(141) 评论(0) 推荐(0)
javascript面向对象基础
摘要：//工厂模式 //解决了重复实例化，但是有识别问题function createObject(name, age){ var obj = new Object(); //创建对象 obj.name = name; ... 阅读全文
posted @ 2014-11-09 23:13 oceanden 阅读(167) 评论(0) 推荐(0)
命名空间
摘要：var UNISA = UNISA || {};UNISA.slideshow = (function (doc, $, undefined) { var cycleHomepage = function () { var paused = false; $('#hero-banner... 阅读全文
posted @ 2014-09-17 19:19 oceanden 阅读(180) 评论(0) 推荐(0)
浏览器监测简易版
摘要：//浏览器监测(function(){ window.sys = {}; //外部访问浏览器信息对象； var ua = navigator.userAgent.toLowerCase(); /... 阅读全文
posted @ 2014-09-06 15:40 oceanden 阅读(190) 评论(0) 推荐(0)
ajax 纯javascript
摘要：function createXHR(){ if(typeof XMLHttpRequest != 'undefined'){ return new XMLHttpRequest(); }else if(typeof ActiveXObject != 'undefined'... 阅读全文
posted @ 2014-08-29 00:18 oceanden 阅读(276) 评论(0) 推荐(0)
浏览器简易嗅探器
摘要：document.write(navigator.userAgent);document.write('');document.write(navigator.platform);var client = function(){//引擎 var engine = { ie:fal... 阅读全文
posted @ 2014-08-21 20:56 oceanden 阅读(539) 评论(0) 推荐(0)
获取键盘charCode函数
摘要：window.onload = function(){ document.onkeypress = function(evt){ alert(String.fromCharCode(getCharCode(evt))); }}function getCharCode(evt... 阅读全文
posted @ 2014-08-21 20:53 oceanden 阅读(391) 评论(0) 推荐(0)
简单选项卡(js)
摘要：JS 代码window.onload = function(){ var oDiv = document.getElementById('div1'); var aBtn = oDiv.getElementsByTagName('input'); var aDiv = oDiv.getElem... 阅读全文
posted @ 2014-04-20 21:16 oceanden 阅读(364) 评论(0) 推荐(0)