javascript动态插入，修改，删除DOM对象触发的事件

mentElement.removeChild(p = p.parentNode); check(remove + method); return (p = mutations);}(document));　　在《Detect DOM Node Insertions with JavaScript and CSS Animations》这篇文章中，作者提供了一个方法，教我们利用keyframe CSS3开始动画事件来监听节点的插入。style /* set up the keyframes */ @keyframes nodeInsert
http://www.w3dev.cn/article/20141208/html-dom-object-inserted-update-remove-event.aspx

页面回退到上一页如何保留js动态生成内容

location.hash; if (hash.indexOf('date') != -1) //hash中包含添加时间动作，则执行下操作 setBody(); if (hash.indexOf('abc') != -1)//hash中包含添加abc动作，则执行下操作 setBody('abc'); }/script2.html，跳转到的页面，回退到1.htmla href=javascript:history.back()回退到1.html，js动态生成内容之后/a
http://www.w3dev.cn/article/20141128/keep-show-js-create-content-when-history-back.aspx

js七彩泡泡屏保效果

　　javascript实现的模拟xp七彩泡泡屏保效果，效果图如下js七彩泡泡屏保效果源代码如下!DOCTYPE htmlhtmlheadmeta charset=utf-8 /meta http-equiv=X-UA-Compatible content=IE=EmulateIE7 /titlejs七彩泡泡屏保效果/titlestylehtml, body{border: none;overflow: hidden;height: 100%;}body {background: url(/demo/bubble/BG.jpg) bottom}/style/headbody onload=De
http://www.w3dev.cn/article/20141119/javascript-color-bubble-screensaver.aspx

javascript检查移动设备是否支持重力方向感应

　　javascript如何检查移动设备，如手机平台是否支持重力或者方向感应。　　可以使用html5提供的重力和方向感应接口来判断。　　html5 中针对高端手机提供了重力感应和重力加速的接口，开发可以利用这个接口获取到移动设备重力加速感应数据。　　目前已经支持的浏览器只有chrome和firefox，以及IOS的webkit（貌似android上因为版本差异很大，部分低版本的系统不支持）。引用来源：http://www.pjhome.net/article/Javascript/html5_Orientation.html　　javascript检查移动设备是否支持重力方向感应源代码如下t
http://www.w3dev.cn/article/20141103/javascript-check-mobile-support-Gravity-Orientation-sensor.aspx

javascript判断2个对象是否重叠

html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdtitle判断2个对象是否重叠/titlescript type=text/javascript src=http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.4.2.min.js/scriptscript function isOver(o1, o2) { o1 = $(o1); o2 = $(o2); va
http://www.w3dev.cn/article/20141015/javascript-check-object-is-Overlap.aspx

javascript 18位身份证号码最后一位校验码

　　javascript 18位身份证号码最后一位校验码源代码titlejavascript 18位身份证号码最后一位校验码/titlescript function getIDChar18(id) { var arr = id.split(''), sum = 0, vc = [7, 9, 10, 5, 8, 4, 2, 1, 6, 3, 7, 9, 10, 5, 8, 4, 2]; for (var i = 0; i 17; i++) sum += vc[i] * parseInt(arr[i]); return ['
http://www.w3dev.cn/article/20140806/javascript-compute-id-card-no-18-char.aspx

javascript生成二维码

默认会获取它的 Unicode 编码，一般的解码器都是采用UTF-8, ISO-8859-1等方式，英文是没有问题，如果是中文，一般情况下Unicode是UTF-16实现，长度2位，而UTF-8编码是3位，这样二维码的编解码就不匹配了。　　解决方式：在二维码编码前把字符串转换成UTF-8，具体代码如上utf16to8函数jquery-qrcode.js下载来源：http://hi.baidu.com/277280289/item/a2ca9e989806c4de1a49dfe3相关阅读javascript解码读取二维码信息javascript/jquery绘制条形码/二维码插件barcode
http://www.w3dev.cn/article/20140617/javascript-create-QR-code.aspx

javascript实现平方米，亩，公顷单位换算

ue =亩亩/option option value=平方米平方米/option /select 这个input的值可能是3公顷、3亩、3平方米 input type=text value=3 id=input0/ script type=text/javascript var a = parseInt('0'); /////这里改为你动态接受到的值，0代表单位为平方米，1为亩，2为公顷 var sel = document.getElementById('sel');
http://www.w3dev.cn/article/20140516/javascript-Meters-acres-Hectare-Translated.aspx

文章内容复制javascript自动增加出处来源

　　复制文章内容时，用javascript自动向复制的区域增加浏览器地址栏url地址。　　纯javascript实现，不需要任何插件。实现原理：在copy事件中，javascript通过修改selection实现内容复制，先将用户当前选中的内容复制到一个容器里面，让后移除当前用户选择，将容器的内容选中。　　测试代码如下script /*文章内容复制javascript自动增加出处来源（article content copy auto add Source） *author：showbo，http://www.w3dev.cn，使用请保留出处 */ var copyp
http://www.w3dev.cn/article/20140509/article-content-copy-javascript-add-source.aspx

javascript检查浏览器是否支持flash

　　javascript检查浏览器是否支持flash，及支持flash时flash的版本号。　　源代码如下script function flashChecker() { var hasFlash = 0; //是否安装了flash var flashVersion = 0; //flash版本 if (document.all) { var swf = new ActiveXObject('ShockwaveFlash.ShockwaveFlash'); if (swf) {
http://www.w3dev.cn/article/20140326/js-check-browser-support-flash-or-not.aspx

Asp.net实现javascript escape/encodeURI/encodeURIComponent编码

.0, Culture=neutral, PublicKeyToken=B03F5F7F11D50A3A/ /assemblies /compilation /system.web/configuration　　asp.net和javascript的解码函数对应关系asp.net编码函数javascript编码函数javascript解码函数Microsoft.JScript.GlobalObject.escapeescapeunescapeMicrosoft.JScript.GlobalObject.encodeURIencodeURIdecodeURIMicrosoft.
http://www.w3dev.cn/article/20140307/Asp.net-javascript-escape-encodeURI-encodeURIComponent.aspx

简易flv播放器jquery.jflv.js

ent-Type content=text/html; charset=gb2312 /title简易flv播放器jquery.jflv.js/titlescript type=text/javascript src=http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js/scriptscript type=text/javascript /***简易flv播放器，可用通过js控制flv播放，暂停。 *方法 *PlayFLV(url)：播放flv文件。参数url，flv的路径 *PauseFLV()
http://www.w3dev.cn/article/20140122/flv-player-control-by-js-jquery.jflv.js.aspx

js用flash方法报错:Error: Error calling method on NPObject!

　　javascript调用flash使用flash.external.ExternalInterface.addCallback注册的方法时，出现了Error: Error calling method on NPObject!错误。　　网上找了下说是安全问题uncaught exception: Error calling method on NPObject! [plugin exception: Error in Actionscript. Use a try/catch block to find error.]默认actionscript中不允许向将方法注册到不同域的 html文档
http://www.w3dev.cn/article/20140110/js-call-flash-method-Error-calling-method-on-NPObject.aspx

js调用flash方法注意不要注册名称为Play，要不没反应

　　firefox下用javascript调用flash的方法时，注意不要使用flash.external.ExternalInterface.addCallback注册as给js调用的方法名称为Play（注意大小写），firefox会给每个flash容器增加一个Play方法，即使使用flash.external.ExternalInterface.addCallback注册了Play方法名称，也调用不到，只会调用到firefox注册的默认Play方法，导致掉用Play方法没有反应。　　真想骂人，害老子搞半天，还以为脚本出错了，原来是firefox的问题。flash中并没有注册过Play方法，
http://www.w3dev.cn/article/20140110/flash-register-method-name-not-use-Play.aspx

jmp3修改版：增加mp3播放完毕执行js回调配置，js控制mp3播放和暂停方法

对修改部分做了说明，其他参数配置参考这个：jmp3在线播放mp3声音文件jquery插件htmlhead titlejmp3在线播放mp3声音文件jquery插件，增加mp3播放完毕执行js回调配置，js控制mp3播放和暂停方法/title/headscript type=text/javascript src=http://cdn.bootcss.com/jquery/1.7.1/jquery.min.js/scriptscript function playend() { alert('mp3 播放完毕！') } window.onload = funct
http://www.w3dev.cn/article/20140110/jmp3-add-play-finish-callbak-play-and-pause-method.aspx

javascript实现text-overflow:ellipsis效果

line-height:15px;overflow: hidden;text-overflow:ellipsis;}/stylediv style=height: 45px;width:60px; class=ellipsis1234567891a1234567891a/div解决办法：用javascript自动格式化，实现text-overflow:ellipsis;并自动换行效果!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transiti
http://www.w3dev.cn/article/20140109/javascript-text-overflow-ellipsis.aspx

javascript/jquery绘制条形码/二维码插件barcode

需要将jquery框架和jquery.barcode.js导入页面即可。script type=text/javascript src=jquery-1.3.2.min.js/script script type=text/javascript src=jquery-barcode.js/script 2）jquery.barcode.js使用方法　　2.1）定义一个DOM对象作为条形码/二维码的容器div id=bcTarget/div 　　2.2）使用javascript调用jquery.barcode.js绘制条形码/二维码$(#bcTarget).barcode(1234
http://www.w3dev.cn/article/20140108/jquery-barcode-plugin.aspx

javascript变量json对象等到路径

　　javascript递归迭代json对象，得到每个遍历到的项目的路径，示例代码如下注意json对象和数组的区分，具体参考这篇文章：javascript如何区分JSON对象或者[]数组script type=text/javascript var json = [{ name: zhansan, age: 23, address: { city: beijing, year: [{ test: 气态流出物月报 }, [0, [1, 1]], 1], gas: {
http://www.w3dev.cn/article/20140107/javascript-Iteration-json-get-path.aspx

javascript动态创建的锚点在IE8-下无效

　　使用javascript动态创建的锚点（anchor），在IE8-下无法跳转都动态创建的锚点部分。　　测试代码，通过创建a元素，设置a元素的name后添加到dom中，IE8需要添加xhtml申明才有效果（去掉xhtml申明也和IE7一样无效），IE7无效!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtda href=#anchorbyjs跳到javascript动态创建的锚点/adiv style=height:
http://www.w3dev.cn/article/20131227/javascript-dynamic-create-anchor-IE-invalid.aspx

javascript糟粕与鸡肋分析

uglas Crockford曾经写过一本很薄的书《JavaScript: The Good Parts》，这是开篇中的一句话。书中专门介绍了JavaScript中值得发扬光大的精华部分，并在附录中详细列举了JavaScript的糟粕、鸡肋部分。如果能规避掉JavaScript语言中怪癖、缺陷的部分，将最终使编程更轻松、程序更健壮。 下面我们要谈的就是JavaScript的糟粕与鸡肋部分，因为糟粕与鸡肋部分相比精华部分要少，而且更容易记忆，我们在写代码时规避了糟粕与鸡肋部分，自然得到的全部都是精华部分。 糟粕部分：全局变量JavaScript最糟糕的就是它对全局变量的依赖性。全局变量就是在所有
http://www.w3dev.cn/article/20131115/javascript-weakness.aspx

javascript文字逐字逐行显示效果

　　javascript文字逐字逐行相似效果htmlheadtitlejavascript文字逐字逐行显示效果/titlescript var text = 12345678901234567890123456789012345678901234567890; var textLen = text.length; var lineNum = 10; //定义每行显示多少个字 var num = 0; var _ = document.createTextNode('_'); var i = 0; function type() {
http://www.w3dev.cn/article/20131107/javascript-display-per-word-one-time.aspx

javascript复制带格式的富文本内容

ctr.execCommand('Copy'); area.contentEditable = false; alert('Copy success! '); } }/scripta href=javascript:void(0) id=all onClick=CopyImageToBoard(document.getElementById('all')) copy to clipboard/a来源：http://www.cnblogs.com/qianye/p/3288272.h
http://www.w3dev.cn/article/20131104/javascript-copy-rich-text-with-format.aspx

javascript换皮肤代码

　　javascript动态加载css文件实现皮肤更换，同时用cookie记录当前使用的皮肤样式，刷新页面后自动从cookie中读取皮肤并加载进来script var comm = { $: function (Id) { return document.getElementById(Id); }, GetCookie: function (name) { var m = new RegExp(name + '=([^;]+)', 'i').exec(document.cookie); if (m) return unescap
http://www.w3dev.cn/article/20131101/javascript-change-css-skin.aspx