PainsOnline的专栏

毫无疑问的，在你专门为iPhone和iPad创建了一个页面之后，第一件首要的事情就是如何去分辨用户目前使用的是iPhone还是iPad了。苹果专门提供了iPad的用户代理标识[UserAgent]，看起来是下面的一样：Mozilla/5.0 (iPad; U; CPU OS 3_2 like Mac OS X; en-us) AppleWebKit/531.21.10 (KHTML, li

var SingletonTester = (function () { //参数：传递给单例的一个参数集合 function Singleton(args) { //设置args变量为接收的参数或者为空（如果没有提供的话） var args = args || {}; //设置name参数 this.name =

主要程序如下// JavaScript Document$(document).ready(function(){ /************公用************/ $('.products_list').html(''); runNav(); displayType1(2); $("ul.fatherNav li").hover(function(){

/***************************************************/ var pageFunc=function(){ //alert('here'); var _this=this; this.render=function(arr){//模拟类的抽象函数 throw new Error('该函数不能为空'); } this

代码如下// JavaScript Documentvar checkObj={/**数据验证类**/ checkFunc:{},//验证数据的函数对象集合 errorMessage:[],//错误消息 rightMessage:[],//正确消息 showInfoFunc:{},//显示消息的函数 checkConfig:{},//验证配置 check:functi

/**********************************购物车类***************************************/ var product=function(productArr){/*商品类基类productArr=>array;productArr['ID'],productArr['name'],productArr['pic'],=produ

var page = page || {};page.dom = page.dom || {};//子函数1：处理文本page.dom.Text = function () { this.insert = function (where) { var txt = document.createTextNode(this.url); where.appe

function Macbook() { this.cost = function () { return 1000; };}function Memory(macbook) { this.cost = function () { return macbook.cost() + 75; };}function Bluray

// JavaScript Document/***封装标签*解封装标签*[cn]中文[/cn]*[en]英文[/en]**/var judgeTag=function(str,tagName){//判断是否含有tag标签 var _result=false; var _reg="\["+tagName+"\][^\[\/"+tagName+"\]]*"; //alert

function object(o) { function F() { } F.prototype = o; return new F();}// 要继承的父对象var parent = { name: "Papa"};// 新对象var child = object(parent);// 测试console.log(child.na

// JavaScript Document/***分页类***//***************************************************/ var pageFunc=function(){ //alert('here'); var _this=this; this.datas=100;//所有数据条数 this.render=fun

最近发现jQuery越来越火，用它的人也越来越多。jQuery最强大的亮点莫过于它的CSS3 selector和极其简单的Ajax请求调用。 最近一哥们在做一个Ajax长连接的项目，页面需要和服务器保持长连接，而且在连接超时后需要重新请求连接，过程中他问我要用到什么，我也是想都没想就告诉他用jQuery。jQuery不是有ajaxSuccess  ajaxError这些对象吗，在请

网址：http://stackoverflow.com/questions/6397712/white-to-transparent-gradient-with-background-image

折腾了一下午，怎么样获得不了影藏的div的高度，最后想到，先显示后隐藏就行了如下$$('element').show();_height=$$('element').getSize().y;$$('element').hide();alert(_height);

var counter={};//计时器对象，全局变量var indexSlider=function(settings){ this.settings=settings; this.init();//构造函数 };indexSlider.prototype.init=function(){//构造函数 var _this=this; if(_this.settings.ID

// JavaScript Documentvar checkObj={/**数据验证类**/ checkFunc:{},//验证数据的函数对象集合 errorMessage:[],//错误消息 rightMessage:[],//正确消息 showInfoFunc:{},//显示消息的函数 checkConfig:{},//验证配置 check:function(dat

/************************************自动适应的图片弹窗*********************************/var autoImg=function(argcs){/*调整图片大小，等比例缩放argcs['maxHeight']=>最大高度,argcs['maxWidth']=>最大宽度,argcs['height']=>图片高度，argcs[

关于jQuery的cookies插件2.2.0版设置过期时间的说明  欢迎转载，转载请注明作者RunningOn    jQuery应该是各位用JavaScript做web开发的常用工具了，它有些插件能非常方便地操作cookie。    不过非常让人郁闷的是，网上几乎所有人对于这些插件所做的关于cookie过期/失效时间的说明都是含混的或不正确的。我被这玩意搞得实在不行

function isiPhone(){    return (        (navigator.platform.indexOf("iPhone") != -1) ||        (navigator.platform.indexOf("iPod") != -1)    );}如果你有移动版本的网站，那么你可以使用如下代码重定向

你知道世界上有多少种浏览器吗？除了我们熟知的IE, Firefox, Opera, Safari四大浏览器之外，世界上还有近百种浏览器。几天前，浏览器家族有刚诞生了一位小王子，就是Google推出的Chrome浏览器。由于Chrome出生名门，尽管他还是个小家伙，没有人敢小看他。以后，咱们常说浏览器的“四大才子”就得改称为“五朵金花”了。在网站前端开发中，浏览器兼容性问题本已让我们

avascript计算器之DOM事件模型-----浏览器兼容问题分类： javascript 2011-12-16 18:44 66人阅读 评论(0)收藏 举报前天做了个计算器的作业，要求使用DOM实现行为与结构的分离，做完发现，浏览器响应事件的处理出现问题，firefox和IE。。 !DOCTYPE html PUBLIC "-//W3C//DTD X

Web前端开发中的MCRV模式针对前端开发中基于ajax的复杂页面开发所面临的代码规模大，难以组织和维护，代码复用性、扩展性和适应性差等问题，本文尝试以MVC思想为基础，结合Web前端开发中内容-结构-表现-行为相分离的开发标准，提出一种将Web页面代码分为视图(View，页面静态部分，包     　　针对前端开发中基于ajax的复杂页面开发所面临的代码规模大，难以组织和维护，代码复用

初探我们知道JavaScript中的变量定义基本如下：var name = 'Chen Hao';;  var email = 'haoel(@)hotmail.com';  var website = 'http://coolshell.cn'; 如果要用对象来写的话，就是下面这个样子：var chenhao = {      name :'Chen Hao',      ema

一直都在考虑这个月分享大家什么东西最好，原计划是打算写一些HTML5中JS方面的内容或者是AJAX方面的，可是自己由于表达能力，时间，还有个人工作方面的问题，这个还是等下个月再做分享吧^.^。　　老规矩，开始正文以前先交代自己写这篇文章的目的和一些注意事项：　　1.首先本人一直从事前端开发，所以除了JavaScript其他的语言了解不深，所以文章只会以JavaScript语言的角度去论证；

程序员是一个比较特殊的群体，他们因为长期和电脑打交道所养成的性格和脾气也是比较相近的。当然，既然是人，当然是会有性格的，也是会有脾气的。下面，让我来看看十件能把程序惹毛了的事情。一方面我们可以看看程序员的共性，另一方面我们也可以看看程序员的缺点。无论怎么样，我都希望他们对你的日常工作都是一种帮助。第十位 程序注释程序注释本来是一些比较好的习惯，当程序员老手带新手的时候，总是会告

// JavaScript Documentvar PinYin = { "a": "\u554a\u963f\u9515", "ai": "\u57c3\u6328\u54ce\u5509\u54c0\u7691\u764c\u853c\u77ee\u827e\u788d\u7231\u9698\u8bf6\u6371\u55f3\u55cc\u5ad2\u7477\u66a7\u7839\u

$.cookies.set( 'sessid', 'dh3tr62fghe' );var sessid = $.cookies.get( 'sessid' );$.cookies.del( 'sessid' );if( $.cookies.test() ) //测试浏览器是否启用了cookie外，该插件还支持存放 JSON 数据，已经直接将某个输入框映射到cookie中，例如 $(

链接地址：http://www.cnblogs.com/TomXu/archive/2011/12/15/2288411.html

简介Module模式是JavaScript编程中一个非常通用的模式，一般情况下，大家都知道基本用法，本文尝试着给大家更多该模式的高级使用方式。首先我们来看看Module模式的基本特征：模块化，可重用封装了变量和function，和全局的namaspace不接触，松耦合只暴露可用public的方法，其它私有方法全部隐藏关于Module模式，最早是由YUI的成员Eric Mirag

网站开发时经常需要在某个页面需要实现对大量图片的浏览，如果考虑流量的话，大可以像pconline一样每个页面只显示一张图片，让用户每看一张图片就需要重新下载一下整个页面。不过，在web2.0时代，更多人愿意用javascript来实现一个图片浏览器，让用户无需等待过长的时间就能看到其他图片。知道了一张图片的地址，需要把它在一个固定大小的html容器（可以是div等）里边显示出来，最重要的当

js 实现图片预加载 （js操作 Image对象属性complete ，事件onload 异步加载图片）通过js操纵DOM很多情况下都是为了实现和当前页html元素的异步载入，我谈谈对Image对象的一些认识。看个例子：    function addImg(isrc)    {        var Img = new Image();        Img.

获取浏览器和页面文档的宽度和高度 //获取浏览器显示区域的高度 $(window).height(); //获取浏览器显示区域的宽度 $(window).width(); //获取页面的文档高度 $(document.body).height(); //获取页面的文档宽度 $(document.body).width(); 获取滚动条的位置

详细方法说明参见:http://code.google.com/p/cookies/wiki/Documentation提供方便方法操作cookie : var newOptions = {domain:'*.mydomain.com',path:'/somedir',expiresAt:new Date(2011,1,1),secure:true};//声明cookie的保存周期

之前用到图片等比缩小或者懒加载或者预加载之类的都要首先获得图片的高度和宽度，到网上看别人 用 Image 对象 使用 image.width,image.height 或者使用一个div包裹图片，不设置图片的高和宽，然后获得div的宽和高就是图片的高和宽，但是经过本人实验 首先使用image对象的方法获得尺寸，很不靠谱，特在IE7上面 ，很坑爹，存在很多兼容性问题。第二种方法看似很好，但是当你测试