-
有关JavaScript的10个怪癖和秘密分享
原文作者:Andy Croxall原文链接:Ten Oddities And Secrets About JavaScript翻译编辑:张鑫旭 数据类型和定义 1. Null是个对象 JavaScript众多类型中有个Null类型,它有个唯一的值nul...
作者:asdasdasd03-30 -
JavaScript原型继承之基础机制分析
这一语言功能的本质依赖于 JavaScript 特有的原型链(prototype chain)模式。 所以严格意义上说,JavaScript 是基于原型的面向对象语言。也就是说,每个实例对象都具有一个原型。对象从该原型中继...
作者:asdasdasd03-30 -
jQuery验证Checkbox是否选中的代码 推荐
一般人验证估计都是想到这种方法: 复制代码 代码如下: function chk() //是否被选中验证有选中的return true,否return false { var falg = 0; $("input[name=cbname]:checkbox").each(function...
作者:asdasdasd03-30 -
jquery 简短几句代码实现给元素动态添加及获取提示信息
还是要首先引用JQ框架。 然后来看看效果:(连接添加不上)只能暂时看哈图片, 具体效果可参见我博客左方“My Box”中的“玩游戏”: 下面代码中有具体注释。
作者:asdasdasd03-30
再来看看代码: 复制代码 代码如下:... -
Javascript继承机制的设计思想分享
我一直很难理解Javascript语言的继承机制。
作者:asdasdasd03-30
它没有"子类"和"父类"的概念,也没有"类"(class)和"实例"(instance)的区分,全靠一种很奇特的"原型链"(prototype chain)模式,来实现继承... -
js中设置元素class的三种方法小结
一、el.setAttribute('class','abc'); 复制代码 代码如下: <!DOCTYPE HTML> <HTML> <HEAD> <meta charset="utf-8" /> <title>setAttribute('class', 'abc')</title> <style type="text/css"> .a...
作者:asdasdasd03-30 -
JavaScript 原型继承之构造函数继承
上回说到《JavaScript 原型继承之基础机制》,这一篇将具体说说构造函数的继承。 从一个简单的示例开始,创建描述人类的 People 构造函数: 复制代码 代码如下: function People(){ this.race =...
作者:asdasdasd03-30 -
分享20多个很棒的jQuery 文件上传插件或教程
1. Plupload
作者:asdasdasd03-30
Plupload 是一个Web浏览器上的界面友好的文件上传模块,可显示上传进度、图像自动缩略和上传分块。可同时上传多个文件。
2. The KillersAjax Upload
该插件使用 XHR 用于上传多个文... -
jQuery1.6 类型判断实现代码
首先定义了 全局变量class2type = {}; rdigit = /d/,//正则判断是否是数字 toString = Object.prototype.toString; 通过jQuery.each,定义class2type的属性和值: 复制代码 代码如下: jQue...
作者:asdasdasd03-30 -
Javascript 面向对象编程(一) 封装
学习Javascript,最难的地方是什么?
作者:asdasdasd03-30
我觉得,Object(对象)最难。因为Javascript的Object模型很独特,和其他语言都不一样,初学者不容易掌握。
下面就是我的学习笔记,希望对大家学习这个部分... -
dojo学习第一天 Tab选项卡 实现
其实不然,用《精通Dojo》里的话来说就是"Dojo不只是一个程序库,而是一个工具包",它比其他所有的JS库的插件更全面更广阔。它包含大约40个用户界面控件、1个图形框架、cometd支持、1个打包系统...
作者:asdasdasd03-30 -
一个JQuery写的点击上下滚动的小例子
功能需求: 1、滚动框内显示10条记录; 2、有向上和向下滚动按钮,每次点击按钮向上或向下滚动记录条数,不自动滚动; 3、记录条数不循环滚动,滚动到起点或终点则停止滚动。 下面介绍一个简单实...
作者:asdasdasd03-30 -
Javascript面向对象编程(二) 构造函数的继承
今天要介绍的是,如何生成一个"继承"多个对象的实例。 比如,现在有一个"动物"对象的构造函数, 复制代码 代码如下: function Animal(){ this.species = "动物"; } 还有一个"猫...
作者:asdasdasd03-30 -
基于jquery的loading 加载提示效果实现代码
loading 加载提示 ······ 透明遮罩 居中
作者:asdasdasd03-30
复制代码 代码如下: body{ margin: 0; font-size: 12px; line-height: 100%; font-family: Arial, sans-serif; } .background { display: blo... -
JQuery扩展插件Validate 5添加自定义验证方法
示例如下: 复制代码 代码如下: <script type="text/javascript"> jQuery.validator.addMethod("regex", //addMethod第1个参数:方法名称 function(value, element, params) { //addMethod第2个参...
作者:asdasdasd03-30 -
range 标准化之获取
w3c range range 用来表示用户的选择区域,这块选择区域由两个边界位置界定,而位置则由其容器以及偏移量构成,称作 container 与 offset .如下是一个简单的位置示例: 复制代码 代码如下: <p><...
作者:asdasdasd03-30 -
基于jquery的多彩百分比 动态进度条 投票效果显示效果实现代码
打造 漂亮 动态 友好的 精选随机色彩 投票百分比展示 效果
作者:asdasdasd03-30
HTML结构: 复制代码 代码如下: <ul class="vote-box-list clearfix" id="appVoteBox"> <li class="vl-item" id="voteItem0" > <div... -
JQuery扩展插件Validate 1 基本使用方法并打包下载
分别是: <script src="../Contents/JS/jquery-1.5.js" type="text/javascript"></script> <script src="../Contents/JS/jquery.validate.min.js" type="text/javascript"></script> 1、基本使用...
作者:asdasdasd03-30 -
IE6,IE7,IE8下使用Javascript记录光标选中范围(已补全)
刚和同事讨论了一个很有趣的问题,有个idea,需要记录用户在页面选中的内容,在ff和ie9下有w3c的dom2级事件createRange,这里不再累赘。主要问题是在IE6,7,8只能通过createTextRange选中热区。假...
作者:asdasdasd03-30 -
基于jQuery+HttpHandler实现图片裁剪效果代码(适用于论坛, SNS)
正文:为了使层次分明及便于阅读, 整个解决方案如下:
作者:asdasdasd03-30
其中BitmapCutter.Core是图片的服务器端处理程序, 类图为:
简单说明下, 更多说明可查看源码注释 :
Cutter为裁剪对象, 用于存储客户端通过... -
Javascript面向对象编程(三) 非构造函数的继承
今天是最后一个部分,介绍不使用构造函数实现"继承"。 一、什么是"非构造函数"的继承? 比如,现在有一个对象,叫做"中国人"。 复制代码 代码如下: var Chinese = { nation:'中国' ...
作者:asdasdasd03-30 -
jquery绑定原理 简单解析与实现代码分享
jq里面有一个data的方法,给dom元素绑定相关的数据的。当给dom用jq的方法绑定了事件,会生成对应的时间列表 可以看下面的例子(请在firefox中查看 因为firefox中对象支持toSource()) 复制代码 代码...
作者:asdasdasd03-30 -
JQuery扩展插件Validate 2通过参数设置验证规则
代码如下: 复制代码 代码如下: <script type="text/javascript"> $(function() { $("#signupForm").validate( //在上例中新增的部分 { rules: { txtPassword1: "required", //密码1必填 txtPas...
作者:asdasdasd03-30 -
新浪微博字数统计 textarea字数统计实现代码
复制代码 代码如下: /* * 从新浪微博上抄的 * */ var getLength = (function(){ var trim = function(h) { try { return h.replace(/^s+|s+$/g, "") } catch(j) { return h } } var byteLengt...
作者:asdasdasd03-30 -
JavaScript高级程序设计 错误处理与调试学习笔记
第十四章 错误处理与调试 1.开启浏览器错误报告 1.1 Internet Explorer □Toos → Internet Option → Anvanced → Display a notification about every script error 1.2 Firefox □Tools → E...
作者:asdasdasd03-30