Web开发网 > 站内搜索 > 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
http://www.w3dev.cn/article/20130530/html5-required-submit-not-allow-null.aspx
http://www.w3dev.cn/article/20130530/jquery-validate-js-valid-method-note.aspx
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 Tranhttp://www.w3dev.cn/article/20130515/browser-image-preview-for-latest-firefox-chrome.aspx
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加密解密工具,很好用。 格式化、压缩、eval压缩JS/HTML代码。格式化即按标准代码格式化代码;普通压缩,及删除代码间间距以节约资源;eval压缩,及将Javascript 代码转换成eval的方式;还原eval即从eval的方式代码还原到原生代码。工具地址:http://app.baidu.com/app/enter?appid=121305http://www.w3dev.cn/article/20130418/javascript-typesetting-compression-eval-Encryption-decryption-tool.aspx
com/zclip/ jquery.zclip.js配置API设置配置项目默认值可用值和说明path *ZeroClipboard.swfZeroClipboard.swfflash文件的路径,如/swf/ZeroClipboard.swfcopy *null可以为任何string类型,javascript 表达式或者一个返回string类型的函数译者注:使用方法很方便实现一个页面内容的多个内容拷贝,具体看示例afterCopynull拷贝结束后的回调函数,配置这个回调函数会替换掉alert输出拷贝内容的默认回调beforeCopynull拷贝之前的回调函数clickAftertruetruehttp://www.w3dev.cn/download/20130409/jquery.zclip.js.aspx
dTree 2.05下载,扩展了通过id收缩指定节点的方法。压缩包 中的示例增加了查找节点,并展开收缩查找到得节点功能,具体参考:dTree示例,带查找展开收缩节点功能 dTree API文档ConfigurationVariableTypeDefaultDescriptiontargetStringtrueTarget for all the nodes.folderLinksBooleantrueShould folders be links.useSelectionBooleantrueNodes can be selected(highlighted).useCookiesBoohttp://www.w3dev.cn/download/20130328/dTree.js-download-API.aspx
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 temporarhttp://www.w3dev.cn/download/20130322/jquery.form.js-3.28-latest.aspx
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 thhttp://www.w3dev.cn/article/20130313/javascript-unbeforeunload-unload-event-note.aspx
http://www.w3dev.cn/article/20130309/firefox4-clear-cache-Suspended-animation-anitize.js-Busy.aspx
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
并生成新涂鸦图片 源代码压缩包 下载 示例 效果如下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://cdnhttp://www.w3dev.cn/article/20130218/Asp.Net-flash-tuya-jquery-plugin.aspx
一个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 doehttp://www.w3dev.cn/download/20130202/javascript-draw-image-library-jsdraw.aspx
动态创建的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
调用那个代表了程序下个流程的函数,并将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 errhttp://www.w3dev.cn/article/20130122/node.js-event-bind.aspx
你可以在事件循环每次开始下一轮(下一个tick)执行时调用回调函数一次,这也正是process.nextTick的原理,而setTimeout,setTimeout使用JavaScript 运行时内部的执行队列,而不是使用事件循环。 通过使用process.nextTick(callback) ,而不是setTimeout(callback, 0),你的回调函数会在队列内的事件处理完毕后立刻执行,它要比JavaScript 的超时队列快很多(以CPU时间来衡量)。 你可以像下面这样,把函数延迟到下一轮事件循环再运行: process.nextTick(fhttp://www.w3dev.cn/article/20130122/node.js-use-timer.aspx
处理缓冲数据缓冲数据的切分和复制 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
require('./myModuleDir');Node会假定这个目录是个模块包 ,并尝试在这个目录下搜索包 定义文件package.json。 如果没找到,Node会假设包 的入口点是index.js文件(译者注:除了index.js还会查找index.node,.node文件是 Node的二进制扩展包 ,具体见官方文档),以上面代码为例,Node会尝试查找./myModuleDir/index.js文件。 反之,如果找到了package.json文件,Node会尝试解析它,并查找包 定义里的main属性,然后把main属性的值当作入口点的相对路径。以本例来说,如果packagehttp://www.w3dev.cn/article/20130119/node.js-Loading-Modules.aspx
包含三部分:一个用来存放第三方包 的代码库,一个管理本地已经安装包 的机制,一个用来定义包 依赖关系的标准。NPM提供了一个公共的注册服 务,它包含了大家发布的所有包 ,并提供了一个命令行工具,用来下载,安装和管理这些包 。你可以按照Node的包 格式标准来制定你的包 或者应用需要依赖的其 他第三方包 。虽然不用了解NPM就可以开始使用Node,但是如果要用第三方包 你就必须要学习它了,因为Node本身只提供了一些低层的API,使用第三方模块 可以大幅减少开发复杂度,不用什么都得亲自编码。NPM允许你在一个沙箱里下载和使用模块,你可以尽情地试验你感兴趣的东西,而不用担心污染全局的包 环 境。NPM和 Node以前http://www.w3dev.cn/article/20130117/node.js-server-install.aspx
使用javascript 的正则表达式时,如果使用test方法,需要慎用全局匹配g选项,因为多次调用test方法时会从上一次匹配的位置开始匹配,可能会导致无法匹配的错误问题,即使内容符合正则表达式要求,但是调用test方法测试时输出的为false,而不是true 来看一道JavaScript 题目,据说是国内某知名互联网企业的JavaScript 笔试题,如果对正则的全局匹配模式不了解的话可能会对下面的输出结果感到疑惑。scriptvar str = 123#abc;var re = /abc/ig;alert(re.test(str)); //输出turealert(re.test(strhttp://www.w3dev.cn/article/20130108/javascript-regex-global-matcth-care-of-test-method.aspx
为基本类型(8种)和对象类型。但ECMAScript中没有所谓的primitive types,就好比它没有类(class)的概念一样(具有其它语言能力的人仍然喜欢在JavaScript 使用名词类)。它里面提到的就是类型,可 以把它理解成基本类型,但也应该是6种。这里的基本类型也不是Java中的基本类型,因为它包含了复杂数据类型-对象。不是所有的书都认为JavaScript 中基本类型只有5种(不包括对象),《JavaScript 语言精髓与编程实践》认为是6种,如下它没有将null归为其中,却增加了function类型。 噢,千奇百怪的答案都有。我们来看wiki中基本数据类型的定义abasichttp://www.w3dev.cn/article/20130107/javascript-baseic-data-type.aspx
今天发现表单中存在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 //forhttp://www.w3dev.cn/article/20130106/javascript-can-not-get-input-image-by-name.aspx
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 stringifiehttp://www.w3dev.cn/download/20130106/json2.js-download-API.aspx
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这两个方法,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
{ 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
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 实现删除已经选择的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.removeChilhttp://www.w3dev.cn/article/20121213/javascript-delete-table-tr-selected.aspx
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) : nhttp://www.w3dev.cn/article/20121210/javascript-load-xml-file.aspx
首页 上一页 [1] [2] [3] [4] [5] [6] [7] [8] [9] [10] [11] [12] [13] [14] 下一页 尾页 6/14页,每页显示30条,共393条相关记录