javascript克隆元素样式的实现代码

2017年02月06日 22 阅读

复制代码 代码如下: /** * 克隆元素样式 * @param {HTMLElement} 被克隆的元素 * @param {Boolean} 是否启用缓存（默认true） * @return {String} css类名 */ var cloneStyle = （function （doc） { var rstyle = /^（number|string）$/, cloneName = "${cloneName}", sData = {}, addHe...

文本框根据输入内容自适应高度的代码

2017年02月06日 23 阅读

其实现代浏览器大多都支持文本框尺寸调节功能，绝大多数情况下却没有自动适应来得爽快，在网络上发现一方法比较简单的实现文本框高度自适应，于是封装了这个函数，准备以后应用到项目中。 源代码： 23:03文章更新： 感谢alucelx同学再次给力的帮助，大大简化了方法，更新代码为0.2版本，同时解决了兼容Opera浏览器，至此全兼容IE6+与现代浏览器！ 在线演示： http://demo.jb51.net/js/2011/autoArea/index.htmau...

关于javascript function对象那些迷惑分析

2017年02月06日 22 阅读

js中function对象是一个令人着迷的东西，但由于他太过于灵活，常常令人迷惑，下面我贴一些代码： 大多数人这样简写： 复制代码 代码如下:function test （） {} 《jsvascript语言精粹》整本书这样写： 复制代码 代码如下:var test = function （） {} 函数可以立即运行并赋值： 复制代码 代码如下: var test = function （） {} （） // test === undefined var ...

最佳的addEvent事件绑定是怎样诞生的

2017年02月06日 22 阅读

当我们编写脚本的时候创建了交叉引用，例如如下代码： 复制代码 代码如下: window.onload = function （） { var x = document.getElementsByTagName（"H3"）; for （var i=0;i<x.length;i++） { x[i].onclick = openClose; x[i].relatedElement = x[i].nextSibling; // simplified situ...

myEvent.js javascript跨浏览器事件框架

2017年02月06日 20 阅读

event究竟有多么复杂？可见前辈的6年前的努力：最佳的addEvent是怎样诞生的，后起之秀jQuery也付出了一千六百多行血汗代码（v 1.5.1）搞定了6年后出现的各种核的浏览器。 我参考前辈的代码以及自己的理解尝试写了一个事件框架，我的框架完成了一个事件机制的核心，它能提供统一接口实现多事件绑定以及避免内存泄漏等其他一些问题，更重要的是性能还不错。我的手法： 所有回调函数根据元素、事件类型、回调函数唯一ID缓存在一个_create对象中（其内部具体...

更优雅的事件触发兼容

2017年02月06日 22 阅读

问题种种 做底层接口兼容，无非就是利用if，判断客户端支持哪个接口的问题。最著名的例子就是事件： 复制代码 代码如下: var addEvent = function（e, what, how） { if （e.addEventListener） e.addEventListener（what, how, false） else if （e.attachEvent） e.attachEvent（"on" + what, how） } 这里考虑了给元素绑定...

css值转换成数值请抛弃parseInt

2017年02月06日 20 阅读

如： 复制代码 代码如下: <div id="demo" style="width:24px"></div> <script> var elem = document.getElementById（"demo"）, width = elem.style.width; alert（parseInt（width））;// 24 </script> 可是如果css值是这样呢： 复制代码 代码如下: <div...

基于jquery的防止大图片撑破页面的实现代码（立即缩放）

2017年02月06日 19 阅读

为了防止图片撑破布局，最常见的仍然是通过onload后获取图片尺寸再进行调整，所以加载过程中仍然会撑破。而Qzone日志的图片在此进行了改进，onload完毕后才显示原图。我以前用onload写过一个小例子：http://www.planeart.cn/？p=1022 通过imgReady可以跨浏览器在dom ready就可以实现图片自适应，无需等待img加载，代码如下： （3-17修复网友crossyou 指出的一处错误，并且新版本去掉了替换图片） 复制...

editable.js 基于jquery的表格的编辑插件

2017年02月06日 20 阅读

我的思路是这样的： 1.对任何一个 table, tr 都可以添加编辑、删除功能——功能独立 2.可以自动的完成编辑、取消功能，如点击编辑， 表格内容自动变成编辑框、下拉框等， 点击取消结束编辑状态 3.添加删除、确定（即更新）事件——只需要添加自己服务端的删除、更新代码就可以 4.能够自定义设置可编辑列，不可编辑列——方便定制编辑功能下面是我实现的功能代码： editable.js 复制代码 代码如下: /* code: editable.js vers...

jquery.fileEveryWhere.js 一个跨浏览器的file显示插件

2017年02月06日 20 阅读

先来看看input type="file"在chrome,ie,firefox这三个浏览器下表情各异吧。chrome像是button+label组合，看起差异最大。ff和ie，是text+button的组合，就外形来看，firefox更标准，事实上firefox存在两个潜在问题：1，firefox对type="file" 的input的width定义目前是不支持的（但是FF支持size属性，可以给size设置一个值，来控制上传框的大小，至于这个size到底...

firefox下input type=&quot;file&quot;的size是多大

2017年02月06日 20 阅读

但是这个size值怎么设置，size="10"是多宽，默认值又是多少，不能光凭感觉去设置。 用脚本来查看下： 复制代码 代码如下: <script type="text/javascript"> $（function（） { var fileArray = []; var i = 0; while （i < 100） { fileArray.push（i + ":<input type="file" size="" + i + ""...

基于jquery跨浏览器显示的file上传控件

2017年02月06日 22 阅读

前面我写过一篇短小的文章，简要的介绍了下怎样定义input type="file" 的样式。对于一般的表单，上传控件较少，这样的做法确实不错，既减少了代码，又美化了样式，原文：《定义input type="file" 的样式》 其实要实现给file控件定义样式，大致思想都是一样的。 今天看到博客园的繁花连写两篇文章来研究file控件 《jquery.fileEveryWhere.js--一个跨浏览器的file显示插件》 《firefox下input typ...

jQuery数据显示插件整合实现代码

2017年02月06日 19 阅读

显示表格数据会涉及到一些东西，如字段显示隐藏，数据状态，分页之类。由于我们公司的产品涉及到很多的表格数据显示，而且每张表的字段数都很多，在工作过程中（几任同仁的努力），整合出一套自认为较为轻巧的方案。如图：其中涉及到的插件主要有：jQuery.columnmanager.expand.js（扩展columnmanager）jQuery.dropbox.js（自已写的）jQuery.pager.expand.js（扩展pager）jQuery.cookie....

JavaScript学习笔记（一） js基本语法

2017年02月06日 21 阅读

1.标识符与关键字 标识符以字母开头，可以包含字母、数字、下划线。标识符不能使用以下保留字符： 复制代码 代码如下: abstract， boolean， break，byte，case，catch，char，class，const，debugger，default，delete，do，double，else，enum，export，extends，false，final，finally，float，for，function，goto，if，impleme...

JavaScript学习笔记（二） js对象

2017年02月06日 22 阅读

1.简单类型 javascript的简单类型包括 数字（Number）、字符串（String）、布尔值（Boolean）、null值 和 undefined值。其他所有值都是对象。 2.对象 javascript中的对象是可变键控集合。在javascript中，数组、函数、正则表达式都是对象。 对象是属性的容器。其中每个属性都拥有名字和值。属性的名字可以是包括空字符串在内的任意字符串。属性值可以是除undefined值之外的任何值。 3.对象的定义方法 （...

js表达式计算器代码

2017年02月06日 18 阅读

效果图：代码: // ...

40款非常棒的jQuery 插件和制作教程（系列一）

2017年02月06日 21 阅读

本文向大家分享40个实用的 jQuery 插件以及制作教程。Parallax Slider with jQuery（演示|下载）带立体效果的 jQuery 幻灯片插件，很酷！Merging Image Boxes with jQuery（演示|下载）非常酷的带消融效果的 jQuery 相册插件，太靓了！Sweet Thumbnails Preview Gallery（演示|下载）带缩略图预览效果的 jQuery 相册插件Portfolio Zoom Sli...

JavaScript 类型的包装对象（Typed Wrappers）

2017年02月06日 21 阅读

例如： new Boolean（false） 会返回一个对象，该对象有一个 valueOf 方法会返回被包装的值。这其实完全没有必要，并且有时还令人困惑。不要使用 new Boolean、 new Number 或 new String。 此外也请避免使用 new Object 和 new Array。可使用 {} 和 [] 来代替。 -------------------------------------------------------------...

JavaScript Memoization 让函数也有记忆功能

2017年02月06日 23 阅读

比如说，我们想要一个递归函数来计算 Fibonacci 数列。一个 Fibonacci 数字是之前两个 Fibonacci 数字之和。最前面的两个数字是 0 和 1。 复制代码 代码如下: var fibonacci = function （n） { return n < 2 ？ n : fibonacci（n - 1） + fibonacci（n - 2）; }; for （var i = 0; i <= 10; i += 1） { docu...

VBS通过WMI监视注册表变动的代码

2017年02月06日 19 阅读

Google一下“VBS监视注册表”，TOP 5都是一模一样的代码，我查了一下，出处是Hey, Scripting Guy！ Blog上一篇名为《How Can I Monitor Changes to a Registry Key？》的文章，真是厚颜无耻。 文章我没时间翻译了，贴一下代码： 复制代码 代码如下: strComputer = "." Set objWMIService = GetObject（"winmgmts:\" & strComput...