javascript自动格式化输入的数字金额

  需求:javascript自动格式化输入的数字金额,每3位数字后面增加一个,逗号分隔开,失去焦点后自动删除逗号,防止数据库写入数字类型的字段时出错,获取焦点或者输入的时候自动格式化金额。效果如下源代码如下script function formatter(o, blur) { o.value = o.value.replace(/[^\d]/g, '');//删除非数字的内容,防止乱输入非数字内容 if (!blur)//需要格式化输入的数字则执行替换 o.value = o.value.replace(/(\d{3}
http://www.w3dev.cn/article/20130531/javascript-format-input-number.aspx

javascript客户端图片预览,兼容最新firefox,chrome和IE11

  javascript实现客户端file选择文件后img标签加载客户端图片实现图片预览。  测试浏览器:firefox6,firefox12,chrome 25.0.1364.172 m,IE6-IE11 都兼容  safari5.0.4不支持FileReader和file.files.item(0).getAsDataURL方法,暂时无解,需要上传到服务器后返回临时文件名用img标签加载,不知道后续的safari版本是否支持FileReader对象。IE11效果IE10下效果IE9下效果测试源代码!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Tran
http://www.w3dev.cn/article/20130515/browser-image-preview-for-latest-firefox-chrome.aspx

扩展JavaScript trim,trimStart,trimEnd方法

  javascript没有类型C#的Trim,TrimStart,TrimEnd方法去除空白字符或者指定的字符,需要自己扩展javascript的string类型的prototype增加string类型的Trim,TrimStart,TrimEnd方法。  源代码如下,来源:http://code.google.com/p/vegas/var FRL = {};FRL.strings = {};FRL.strings.whiteSpaceChars = [ \u0009 /*Horizontal tab*/ , \u000A /*Line feed or New line*/
http://www.w3dev.cn/article/20130506/extend-JavaScript-trim-trimStart-trimEnd-method.aspx

javascript代码排版,压缩,eval加密解密工具

  转载一个来自百度的javascript代码排版,压缩,eval加密解密工具,很好用。  格式化、压缩、eval压缩JS/HTML代码。格式化即按标准代码格式化代码;普通压缩,及删除代码间间距以节约资源;eval压缩,及将Javascript代码转换成eval的方式;还原eval即从eval的方式代码还原到原生代码。工具地址:http://app.baidu.com/app/enter?appid=121305
http://www.w3dev.cn/article/20130418/javascript-typesetting-compression-eval-Encryption-decryption-tool.aspx

jquery.zclip.js jquery剪贴板插件

com/zclip/  jquery.zclip.js配置API设置配置项目默认值可用值和说明path *ZeroClipboard.swfZeroClipboard.swfflash文件的路径,如/swf/ZeroClipboard.swfcopy *null可以为任何string类型,javascript表达式或者一个返回string类型的函数译者注:使用方法很方便实现一个页面内容的多个内容拷贝,具体看示例afterCopynull拷贝结束后的回调函数,配置这个回调函数会替换掉alert输出拷贝内容的默认回调beforeCopynull拷贝之前的回调函数clickAftertruetrue
http://www.w3dev.cn/download/20130409/jquery.zclip.js.aspx

dTree.js下载+API文档

  dTree 2.05下载,扩展了通过id收缩指定节点的方法。压缩中的示例增加了查找节点,并展开收缩查找到得节点功能,具体参考:dTree示例,带查找展开收缩节点功能  dTree API文档ConfigurationVariableTypeDefaultDescriptiontargetStringtrueTarget for all the nodes.folderLinksBooleantrueShould folders be links.useSelectionBooleantrueNodes can be selected(highlighted).useCookiesBoo
http://www.w3dev.cn/download/20130328/dTree.js-download-API.aspx

jquery.form.js 3.28最新下载和API

e used for the iframe's src attribute when/if an iframe is used. Default value: about:blank Default value for pages that use https protocol: javascript:falseiframeTargetIdentifies the iframe element to be used as the response target for file uploads. By default, the plugin will create a temporar
http://www.w3dev.cn/download/20130322/jquery.form.js-3.28-latest.aspx

javascript unbeforeunload/unload事件注意事项

  javascript中给window注册unbeforeunload/unload事件时,不要给事件添加alert,confirm等语句,高版本的浏览器如chrome【webkit核心】,IE9+等会拦截这些语句的执行。来源:http://stackoverflow.com/questions/6063522/jquery-beforeunloadIf you want to run a function as the page is unloading, you can use $(window).unload(), just note that it can't stop th
http://www.w3dev.cn/article/20130313/javascript-unbeforeunload-unload-event-note.aspx

javascript计时器

  javascript计时器,效果如下script function Timer(maxtime, id, callback) { //maxtime:时间,单位s //id:显示计时器信息的容器id //callback:计时器结束回调 var tmp function CountDown() { if (maxtime = 0) { day = Math.floor(maxtime / (60 * 60 * 24)); tmp =
http://www.w3dev.cn/article/20130307/javascript-timer.aspx

Asp.Net+flash+jquery.TY.js涂鸦插件,可保存涂鸦图片

并生成新涂鸦图片  源代码压缩下载  示例  效果如下test.html!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdhtml xmlns=http://www.w3.org/1999/xhtmlheadmeta http-equiv=Content-Type content=text/html; charset=utf-8 /script type=text/javascript src=http://cdn
http://www.w3dev.cn/article/20130218/Asp.Net-flash-tuya-jquery-plugin.aspx

javascript绘图类库jsDraw

  一个JavaScript绘图类库jsDraw,兼容IE和其他主流浏览器。来源:http://jsdraw2d.jsfiction.com/documentation.htm  jsDraw类库使用APIDocumentation of jsDraw2D Javascript 2D Graphics Library jsDraw2D is a Javascript library to draw 2D graphics on web pages inside web browser. The library is entirely written in Javascript and doe
http://www.w3dev.cn/download/20130202/javascript-draw-image-library-jsdraw.aspx

如何给script标签增加可执行的javascript代码

  动态创建的script标签,如何设置innerHTML为javascript代码,使脚本运行起来,而不是通过加载js文件来实现脚本的动态运行。  动态创建script标签并运行javascript代码,可以借鉴jquery框架的代码,经过提取后源代码如下script var rnotwhite = /\S/; var scriptEval = false; var root = document.documentElement,script = document.createElement(script),div = document.createElement(div)
http://www.w3dev.cn/article/20130124/script-set-javascript-code.aspx

Node.js使用事件发射器绑定事件

调用那个代表了程序下个流程的函数,并将CPS函数的返回值作为其参数。出自维基百科http://en.wikipedia.org/wiki/Continuation-passing_style  这种编程风格里,每个函数在执行结束后都会调用一个回调函数,这样程序就可以继续运行。后面你会明白,JavaScript非常适合这种编程风格,下面是个Node下将文件加载到内存的例子:var fs = require('fs');fs.readFile('/etc/passwd', function(err, fileContent) {if (err) {throw err
http://www.w3dev.cn/article/20130122/node.js-event-bind.aspx

Node.js使用计时器

 你可以在事件循环每次开始下一轮(下一个tick)执行时调用回调函数一次,这也正是process.nextTick的原理,而setTimeout,setTimeout使用JavaScript运行时内部的执行队列,而不是使用事件循环。  通过使用process.nextTick(callback) ,而不是setTimeout(callback, 0),你的回调函数会在队列内的事件处理完毕后立刻执行,它要比JavaScript的超时队列快很多(以CPU时间来衡量)。  你可以像下面这样,把函数延迟到下一轮事件循环再运行: process.nextTick(f
http://www.w3dev.cn/article/20130122/node.js-use-timer.aspx

Nide.js使用Buffer处理,编码,解码二进制数据

处理缓冲数据缓冲数据的切分和复制  JavaScript很擅长处理字符串,但是因为它最初的设计是用来处理HTML文档,因此它并不太擅长处理二进制数据。JavaScript没有 byte类型,没有结构化的类型(structured types),甚至没有字节数组,只有数字和字符串。(原文:JavaScript doesnt have abytetype it just has numbers or structured types, or even byte arrays: It just has strings.)  因为Node基于JavaScript,它自然可以处理类似HTTP这样的文
http://www.w3dev.cn/article/20130120/node.js-buffer-encode-decode-binary-data.aspx

node.js如何加载模块

require('./myModuleDir');Node会假定这个目录是个模块,并尝试在这个目录下搜索定义文件package.json。  如果没找到,Node会假设的入口点是index.js文件(译者注:除了index.js还会查找index.node,.node文件是 Node的二进制扩展,具体见官方文档),以上面代码为例,Node会尝试查找./myModuleDir/index.js文件。  反之,如果找到了package.json文件,Node会尝试解析它,并查找定义里的main属性,然后把main属性的值当作入口点的相对路径。以本例来说,如果package
http://www.w3dev.cn/article/20130119/node.js-Loading-Modules.aspx

安装Node.js服务器

包含三部分:一个用来存放第三方的代码库,一个管理本地已经安装的机制,一个用来定义依赖关系的标准。NPM提供了一个公共的注册服 务,它包含了大家发布的所有,并提供了一个命令行工具,用来下载,安装和管理这些。你可以按照Node的格式标准来制定你的或者应用需要依赖的其 他第三方。虽然不用了解NPM就可以开始使用Node,但是如果要用第三方你就必须要学习它了,因为Node本身只提供了一些低层的API,使用第三方模块 可以大幅减少开发复杂度,不用什么都得亲自编码。NPM允许你在一个沙箱里下载和使用模块,你可以尽情地试验你感兴趣的东西,而不用担心污染全局的环 境。NPM和 Node以前
http://www.w3dev.cn/article/20130117/node.js-server-install.aspx

javascript正则全局匹配g慎用test方法

  使用javascript的正则表达式时,如果使用test方法,需要慎用全局匹配g选项,因为多次调用test方法时会从上一次匹配的位置开始匹配,可能会导致无法匹配的错误问题,即使内容符合正则表达式要求,但是调用test方法测试时输出的为false,而不是true  来看一道JavaScript题目,据说是国内某知名互联网企业的JavaScript笔试题,如果对正则的全局匹配模式不了解的话可能会对下面的输出结果感到疑惑。scriptvar str = 123#abc;var re = /abc/ig;alert(re.test(str)); //输出turealert(re.test(str
http://www.w3dev.cn/article/20130108/javascript-regex-global-matcth-care-of-test-method.aspx

javascript有哪些基本数据类型

为基本类型(8种)和对象类型。但ECMAScript中没有所谓的primitive types,就好比它没有类(class)的概念一样(具有其它语言能力的人仍然喜欢在JavaScript使用名词类)。它里面提到的就是类型,可 以把它理解成基本类型,但也应该是6种。这里的基本类型也不是Java中的基本类型,因为它包含了复杂数据类型-对象。不是所有的书都认为JavaScript中基本类型只有5种(不包括对象),《JavaScript语言精髓与编程实践》认为是6种,如下它没有将null归为其中,却增加了function类型。 噢,千奇百怪的答案都有。我们来看wiki中基本数据类型的定义abasic
http://www.w3dev.cn/article/20130107/javascript-baseic-data-type.aspx

javascript不能通过表单+image对象的name获取image对象

  今天发现表单中存在type为image的控件时,javascript无法通过document.表单名称.image的name值来获取对象,得到的是undefined。。  解决办法就是使用document.getElementById('imageID');或者document.getElementsByName('image')[0]来获取,建议使用document.getElementById('imageID');  测试代码如下form name=myforminput type=image name=img id=img //for
http://www.w3dev.cn/article/20130106/javascript-can-not-get-input-image-by-name.aspx

json2.js下载和API

ring (such as '\t' or 'nbsp;'), it contains the characters used to indent at each level. This method produces a JSON text from a JavaScript value. When an object value is found, if the object contains a toJSON method, its toJSON method will be called and the result will be stringifie
http://www.w3dev.cn/download/20130106/json2.js-download-API.aspx

javascript保存类实例

  javascript如何保存创建的所有类实例作为类的静态属性,实例代码如下script function MyObj(name, instancename) { if (MyObj.instances[instancename]) instancename += '_1';//如果重名则重新命名实例名称 MyObj.instances[instancename] = this; this.name = name; this.showwho = function () { alert(this.name); }
http://www.w3dev.cn/article/20121219/javascript-save-class-instance.aspx

JavaScript对象valueOf与toString方法

  JavaScript数据类型都拥有valueOf和toString这两个方法,null除外。  JavaScript中valueOf函数方法是返回指定对象的原始值。使用方法:object.valueOf( )object是必选项参数是任意固有JavaScript 对象。每个JavaScript固有对象的 valueOf 方法定义不同。对象返回值Array数组的元素被转换为字符串,这些字符串由逗号分隔,连接在一起。其操作与 Array.toString 和 Array.join 方法相同。BooleanBoolean 值。Date存储的时间是从 1970 年 1 月 1 日午夜开始计的毫秒
http://www.w3dev.cn/article/20121218/JavaScript-object-valueOf-toString-method.aspx

javascript通过ip获取物理地址接口

{ return ''; }function geoip_metro_code() { return ''; }示例,搜狐APIscript type=text/javascript src=http://pv.sohu.com/cityjson?ie=utf-8 charset=utf-8/scriptscript type=text/javascript window.onload = function () { document.body.appendChild(document.createTextNode('[
http://www.w3dev.cn/article/20121214/javascript-get-ip-Physical-address-API.aspx

javascript获取遮盖层被点击时下面的DOM对象

ula href=/Web开发网7/abr /img src=/logo.jpg alt=编程设计网 /br /br /br /br /br /br /br /br /br /br /br /br /br /br /br /br /br /br /br /script type=text/javascript var nodes = []; function computeRange(o) {//获取对象范围 var p = { x: o.offsetLeft, y: o.offsetTop,x1:o.offsetWidth,y1:o.offsetHeight };
http://www.w3dev.cn/article/20121214/javascript-get-dom-object-under-cover-layer.aspx

javascript删除选择的行

  javascript实现删除已经选择的table行。  思路:单击表格中要删除的行,给行增加一个样式,然后点击删除按钮的时候删除那些带有删除样式的行。  源代码如下script var tb; function del() { if (confirm('确认删除?!')) for (var i = 0; i tb.rows.length; ) { if (tb.rows[i].className == 'del') tb.rows[i].parentNode.removeChil
http://www.w3dev.cn/article/20121213/javascript-delete-table-tr-selected.aspx

javascript加载xml文件

  javascript加载xml文件源代码 /* 通过ajax加载xml文件,返回xml dom对象 备注:chrome浏览器下请求本地xml文件会报XMLHttpRequest cannot load file:///xxxxx.xx. Cross origin requests are only supported for HTTP,需要搭建服务器 */ function LoadXML(url) { var xhr = window.ActiveXObject ? new ActiveXObject(microsoft.xmlhttp) : n
http://www.w3dev.cn/article/20121210/javascript-load-xml-file.aspx