本文实例讲述了JS封装cookie操作函数。分享给大家供大家参考，具体如下： /*设置cookie*/ function setCookie(name, value, iDay) {var oDate=new Date();oDate.setDate(oDate.getDate()+iDay);document.cookie=name+=+value+;expires=+oDate; }; /*使用方法：setCookie(user, simon, 11);*/ /*获取cookie*/ function getCookie(name) {var arr=document.cookie.split(; ); //多个cookie值是以; 分隔的，用split把cookie分割开并赋...
效果图如下：查看演示 源码下载 html代码<!DOCTYPE html> <html> <head> <title>tab测试</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-" /> <link href="css/tab.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="js/tab-min.js"></script> </head> <body> <div id="tab"><!-- tabHead --><ul class="tab-nav"><li><a href="javascript:void()">交易安全</a></li><li...
iframe跨域通信 查看演示 源码下载 众所周知，由于前端javascript对跨域访问做了安全限制，javascript只能访问与包含它的文档在同一域下的内容。 用法举例：需求是在http://www.demo.org/top.html中通过iframe方式嵌入http://www.iframe.com/iframe.html，而在iframe页面中希望通过点击一个按钮，调用top页面的一个js方法。1. 在top页面中建立方法供内部页面使用代码如下: function testFun (text) { alert(text); }2. 在h...
本文实例讲述了javascript封装简单实现方法。分享给大家供大家参考。具体如下： var Person = function(name, gender, age) {this.Name = name;this.Gender = gender;this.Age = age;this.SetName = function(sname) {this.Name = sname;}this.GetName = function() {return this.Name;}this.SetGender = function(sgender) {this.Gender = sgender;}this.GetGender = function() {return this.Gender;} }; /* 静态公用方法 */ Per...
本文章记录本人在学习 Cookie 中看书理解到的一些东西，加深记忆和并且整理记录下来，方便之后的复习。 封装函数 在默认的情况下存取Cookie是一件比较麻烦的事情。由于Cookie是通过字符串来存储信息的，所以容易导致在执行赋值运算的时需要转换读取信息的数据类型。而且Cookie信息的字符串本身就令人讨厌，在经常使用Cookie信息的 Web 应用中格外的不方便。所以需要自行的封装一个Cookie函数来提供开发效率！ 定义一个函数Cookie()...
本文实例讲述了javascript封装的sqlite操作类。分享给大家供大家参考。具体如下： function sql(name,v,desc,size,tables){this.db=null;this.name=name;this.v=v;this.desc=desc;this.size=size;this.tables=tables;this.ini(); } sql.prototype.ini=function(){var self=this;self.db=openDatabase(self.name,self.v,self.desc,self.size);self.db.transaction(function(tx){self.tables.forEach(function(s){tx.executeSql(s,[]...
在网站开发中经常会用到选项卡功能，为了节省一下写代码时间，封装了一下tab插件，方便调用。 创建选项卡组件 使用方法： html结构<div id="tabs"><ul><li><a href="#tabs-1">tab-1</a></li><li><a href="#tabs-2">tab-2</a></li><li><a href="#tabs-3">tab-3</a></li></ul><div id="tabs-1">tabs-1-panel</div><div id="tabs-2">tabs-2-panel</div><div id="tabs-3">tabs-3-panel</div></div> js调用$(#tab).tabs(); 相关参数说明...
//事件处理兼容各种浏览器，采用能力检测方法，所谓能力检测，就是有能力就做，没有能力就不做//定义一个处理事件的对象，兼容各种浏览器，dom2级事件处理和ie事件，如果这两个事件都不兼容，就采用dom0级处理var eventUtil ={addEvent:function(element,type,handler){if (element.addEventListener) {//非IE浏览器采用dom2级事件处理，type为事件类型如：click，handler为事件处理函数，false代表事件采用冒泡处理模型，如果是tr...
在JavaScript开发Web游戏时，需要使用到碰撞检测时，为了方便开发，封装了矩形和圆形的两个碰撞检测方式。 【附带案例操作捕获一枚】 【注意：代码上未做优化处理】 演示图角色攻击区域碰撞检测.gif塔防案例.gif 矩形区域碰撞检测 /*** 矩形区域碰撞检测* Created by Administrator on 14-4-7.* author: marker*/ function Rectangle(x, y, _width, _height){this.x = x;this.y = y; this.width = _width;this.height = _height;//...
迷惑了一会儿不同JS库的封装后，终于有了点头绪。大致就是:代码如下: 创建一个自调用匿名函数，设计参数window，并传入window对象。而这个过程的目的则是，代码如下: 使得自身的代码不会被其他代码污染，同时也可以不污染其他代码。jQuery 封装 于是找了个早期版本的jQuery，版本号是1.7.1里面的封装代码大致是下面这样的代码如下: (function( window, undefined ) { var jQuery = (function() {console.log(hello);}); window.jQu...
具体内容请看注释，这里就不多BB了， 奉上代码： /// <reference path="vendor/jquery-1.4.1-vsdoc.js" /> ///检测表单中的不能为空（.notnull）的验证 /*时间：2012-6-6作用：一对form标签下有多个（包括一个）表单需要提交时，使用js准确的判断当前按钮对那些元素做判断用法：在form标签下 找到当前 表单的容器 给予class="form"，当前表单的提交按钮给予 class="check"需要验证为空的元素给予class="notnull" nullmsg="xx不能为...
看了jQueryUI Dialog的例子，效果还不错，就是用起来有点儿别扭，写出的代码有点拧巴，需要再封装一下！于是就有了下面这个简单的DialogHelper辅助类，因为这篇文章分享的重点是思路，所以目前版本的代码也还非常粗糙。思路对了，后续再封装成什么样都不过是形式而已，希望这个思路能给大家点启迪，同时欢迎大家开拓思维，提出更好的改进意见。代码如下: //require ScrollHelper.js function DialogHelper() { var _this = thi...
本文实例讲述了js封装可使用的构造函数继承用法。分享给大家供大家参考。具体如下： 先来看下面这段代码 （YUI）库所用的方法：代码如下:function extend(Child, Parent) {var F = function(){};F.prototype = Parent.prototype;Child.prototype = new F();Child.prototype.constructor = Child;Child.uber = Parent.prototype; } 另外还有一种拷贝继承方法，属性拷贝： 这种方法与之前的不同，由于已经完成对child的原型进行扩展，...
检测表单中的不能为空（.notnull）的验证 作用：一对form标签下有多个（包括一个）表单需要提交时，使用js准确的判断当前按钮对那些元素做判断 用法：在form标签下 找到当前 表单的容器 给予class="form"，当前表单的提交按钮给予 class="check" 需要验证为空的元素给予class="notnull" nullmsg="xx不能为空！"提示，需要进行逻辑判断的表单给予class="need" 判断的类型给予 class="num"(只能是数字) 验证的提示 logicmsg="XX只...
摘要：对于前端开发我们最重要的工作就是兼容性，系统的兼容性，浏览器的兼容性等等。今天分享一个我在项目中封装的判断操作系统与浏览器的方法。 操作系统： var os = (function() {var UserAgent = navigator.userAgent.toLowerCase();return {isIpad : /ipad/.test(UserAgent),isIphone : /iphone os/.test(UserAgent),isAndroid : /android/.test(UserAgent),isWindowsCe : /windows ce/.test(UserAgent),isWindow...