javascript 判断是否移动设备访问

　　javascript判断访问网站的是被是否为移动设置或者pc客户端script // 判断是否为移动端运行环境 // wukong.name 20130716 if (/AppleWebKit.*Mobile/i.test(navigator.userAgent) || (/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/.test(navigator.userAgent))
http://www.w3dev.cn/article/20131031/javascript-check-is-mobile-browser.aspx

表格排序的javascript代码

　　一个表格排序的javascript示例代码，使用说明及参数参考代码解释。script type=text/javascript src=http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js/scriptscript/* * 表格怕徐中用到的小工具 * * */ var CustomFunctions = { //获取子节点的集合（ie，ff通用） getChildNodes:function(node){ var arr = []; var nodes
http://www.w3dev.cn/article/20131024/table-sort-javascript-demo.aspx

javascript lightbox效果

t.createElement('div'); div.className = 'infolayer'; document.body.appendChild(div); div.style.top = (h - div.offsetHeight)/2 + 'px'; div.style.left = (w - div.offsetWidth)/2 + 'px'; } /scriptjavascript lightbox效果javascript lightbox效果
http://www.w3dev.cn/article/20131023/javascript-lightbox.aspx

javascript动态添加css类到style标签中

　　 javascript动态给style标签添加css样式类示例代码 titlejavascript动态给style标签添加css样式类示例代码/title style type=text/css id='contentCss'/stylescript language=JavaScript var style = document.getElementById('contentCss'), css = 'p{ color:red; }p.p2{color:blue}p.p3{color:green}'; if (style.sty
http://www.w3dev.cn/article/20131021/javascript-dynamic-add-css-class.aspx

javascript选中对象

　　javascript实现对象选中，选中指定的对象，javascript实现ctrl+all功能，兼容ie，firefox，chrome。　　源代码如下//el:要选中的对象function selectText(el) { if( window.getSelection){ var s=window.getSelection() s.selectAllChildren( el ) }else{ var s= document.body.createTextRange (); s.moveToElementText (el);
http://www.w3dev.cn/article/20130910/javascript-select-dom-node.aspx

javascript浮点数运算精度问题

分析　　JavaScript 只有一种数字类型 Number ，而且在Javascript中所有的数字都是以IEEE-754标准格式表示的。 浮点数的精度问题不是JavaScript特有的，因为有些小数以二进制表示位数是无穷的：十进制 二进制0.1 0.0001 1001 1001 1001 ...0.2 0.0011 0011 0011 0011 ...0.3 0.0100 1100 1100 1100 ...0.4 0.0110 0110 0110 0110 ...
http://www.w3dev.cn/article/20130905/javscript-float-number-compute-precision.aspx

标准浏览器下oninput如何响应javascript动态设置值

　　在标准浏览器下，如firefox或者chrome，oninput事件只有输入或者粘贴剪裁的时候才会响应，而javascript动态设置控件的值时不响应oninput事件，而ie浏览器下的onpropertychange事件则会响应javascript动态设置控件内容时。　　要解决oninput不响应javascript动态设置值，可以使用__defineSetter__重新定义value属性值，然后调用oninput事件。　　代码如下input id=t1/ script window.onload = function () { var t1 = document.
http://www.w3dev.cn/article/20130904/javascript-dynamic-set-value-firefox-trigger-oninput.aspx

javascript获取操作系统版本

　　下面介绍如何使用JavaScript判断用户操作系统及版本。　　关键部分：window.navigator.userAgent ：用户浏览器、操作系统等信息，对应HTML请求文件头User-Agent部分。　　测试代码script language=javascriptvar ua = window.navigator.userAgent;var osVersion = ua.split(;)[2];var osV = osVersion.substr(osVersion.length-3,3);switch(osV){case 5.0:document.write(Win2000);br
http://www.w3dev.cn/article/20130823/javascript-get-os-version.aspx

javascript/ajax浏览器历史记录后退解决方案II

} History.push({param:0, func: func}); function func(i) { info.innerHTML = i; document.title = i; }/script　　上一篇javascript/ajax浏览器历史记录后退解决方案I，多了个blank.html，是一个空html架子，没有JS逻辑代码，如下!DOCTYPE HTMLhtmlheadtitleblank.html/title/headbody/body/html　　每次ajax操作会往iframe.src的问号后附加
http://www.w3dev.cn/article/20130816/javascript-ajax-history-back-II.aspx

javascript onhashchange事件

只有IE7-不支持onhashchange事件。　　示例代码!doctype htmlhtml head meta charset=utf-8 titleIE6/7不支持hashchange事件/title script type=text/javascript function handler(){ alert('triggered') } document.onclick = function(){ v
http://www.w3dev.cn/article/20130815/javascript-onhashchange-event.aspx

javascript水平方向手风琴焦点图

/p咨询电话:nbsp;nbsp;nbsp;nbsp;地址:/p/divdivimg src=http://www.0917cc.com/images/add/p6.jpg /p咨询电话:nbsp;nbsp;nbsp;nbsp;地址:/p/div/divscript type=text/javascript window.onload = function () { var gv = new GlideView(idGlideView, 725, div, 350, { TextTag: p, TextHeight: 50 }); gv.Set(2);
http://www.w3dev.cn/article/20130808/javascript-horizontal-accordion.aspx

jQuery.cookie.js中文API

moveCookie('the_cookie', { path: '/' });注意：删除cookie时，除非使用的是默认配置，否则需要传递完全相同的路径，域名和安全选项配置，和写cookie时的一致。配置raw默认读写cookie值时都会编码和解码，使用的javascript函数为encodeURIComponent/decodeURIComponent。如果设置raw配置为true，将不会编码cookie值。$.cookie.raw = true;json开启自动存储cookie值为JSON对象功能，使用了 JSON.stringify 和 JSON.par
http://www.w3dev.cn/article/20130801/jQuery.cookie.js-chinese-API.aspx

javascript AMD模块规范

　　目前，通行的Javascript模块规范共有两种：CommonJS和AMD。我主要介绍AMD，但是要先从CommonJS讲起。CommonJS2009年，美国程序员Ryan Dahl创造了node.js项目，将javascript语言用于服务器端编程。　　这标志Javascript模块化编程正式诞生。因为老实说，在浏览器环境下，没有模块也不是特别大的问题，毕竟网页程序的复杂性有限；但是在服务器端，一定要有模块，与操作系统和其他应用程序互动，否则根本没法编程。　　node.js的模块系统，就是参照CommonJS规范实现的。在CommonJS中，有一个全局性方法require()，用于加载
http://www.w3dev.cn/article/20130801/javascript-AMD-standard.aspx

firefox下javascript设置marquee innerHTML滚动bug

t(function () {//哪怕是1ms的计时器只差，firefox下内容也无法全部滚动 var mq = document.getElementById('mq') mq.innerHTML = 'firefox下javascript设置marquee innerHTML滚动bug，内容长度大于marquee设置长度是，会导致一碰到边缘就重头开始滚动，后续未显示内容并没有滚动出来完毕后再重新开始滚动'; }, 1); }/script　　示例2，文档流未关闭或者直接在window.onloa
http://www.w3dev.cn/article/20130726/firefox-javascript-set-marquee-innerHTML-bug.aspx

使用javascript隐藏显示asp.net Validator控件

ield validator 控件关联，相关验证标注控件在下面。当点击提交按钮，如果发生验证错误，标注控件信息将会显示出来，如下图所示显示在验证标注控件内的信息 　　验证标注控件错误信息是自动弹出的。你可以通过javascript调用此控件对应的一些脚本来实现隐藏了显示验证控件信息。示例如下script language=javascript type=text/javascript function ValidatePage() { //点击提交按钮触发的表单验证事件 if (Page_ClientValidate()) {
http://www.w3dev.cn/article/20130722/Hide-Show-asp.net-validator-control-by-javascript.aspx

AjaxControlToolkit“TabContainer控件”客户端Javascript函数API

字 (tab index)。使用set_activeTabIndex javascript方法可以设置哪个tab获取焦点。一些tabcontainer有用的客户端javascript方法。　　下面勒出一些对开发者比较重要的javascript方法。用使用这些方法，需要将ASP.NET AJAX TabContainer 控件通过 TABCONTAINER_CONTROL.control 来调用，具体看上面的示例。get_activeTab()：返回当前获得焦掉的tab javascript对象（This javascript function gets the active tab objec
http://www.w3dev.cn/article/20130719/AjaxControlToolkit-TabContainer-control-Javascript-functions.aspx

javascript鼠标滚轮滚动事件

　　javascript如何绑定对象的鼠标滚轮事件，对对象触发鼠标滚轮事件时，如何阻止鼠标滚轮事件冒泡，不允许当前视窗滚动。　　下面对主流浏览器进行了测试（firefox12，opera12.5，safari5.0.4，chrome25，IE7~8）事件如何绑定　　firefox只支持DOMMouseScroll事件，不支持onmousewheel，其他浏览器只支持onmousewheel事件，如下表所示浏览器/事件/是否支持firefoxoperasafarichromeIEDOMMouseScroll支持否否否否onmousewheel不支持支持支持支持支持如何获取鼠标滚轮事件的数据（向上
http://www.w3dev.cn/article/20130712/javascript-bind-object-mouse-scroll-event.aspx

JavaScript正则compile方法

JavaScript正则compile定义和用法compile() 方法用于在脚本执行过程中编译正则表达式。compile() 方法也可用于改变和重新编译正则表达式。语法RegExpObject.compile(regexp,modifier)参数描述regexp正则表达式。modifier规定匹配的类型。g 用于全局匹配，i 用于区分大小写，gi 用于全局区分大小写的匹配。示例　　在字符串中全局搜索 man，并用 person 替换。然后通过 compile() 方法，改变正则表达式，用 person 替换 man 或 woman，：script type=text/javascriptva
http://www.w3dev.cn/article/20130706/JavaScript-regexp-compile-method.aspx

javascript Labeled语句实现goto语句

　　javascript不支持goto语句，但是可以用break和continue来模拟实现。Labeled 语句：为语句提供一个标识符。label : statements参数：label，必选项。在引用有标签的语句时使用的一个唯一的标识符。statement：可选项。与 label 相关联的一个或多个语句。可以是复合语句。说明：标签由 break 和 continue 语句使用，用来指示 break 和 continue 应用于哪个语句。示例：在下面的代码中，continue 语句引用 Inner: 语句后面的 for 循环。 当 j 等于 24 时，continue 语句会导致该 for
http://www.w3dev.cn/article/20130607/javascript-Labeled-goto-continue.aspx

手机浏览器javascript事件，css总结

定设备的移动网站，首先要做的就是设备侦测了。下面是使用Javascript侦测iPhone/iPod的UA，然后转向到专属的URL。if((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i))) {　　if (document.cookie.indexOf(iphone_redirect=false) == -1) {　　　　window.location = http://m.example.com;　　}}　　虽然Javascript是可以在水果设备上运行的，但是用户还是可以禁用。它也会
http://www.w3dev.cn/article/20130607/mobile-browser-javascript-event-css-summary.aspx

javascript检查键盘是否已经按下caps lock键

　　javascript检查输入时是否已经按下caps lock键或者按下按下shift键，输入状态为大写输入状态。　　注意：需要使用keypress事件，不能使用keyup或者keydown事件，这样获取到的keyCode都是大写状态下的keyCode。使用keypress时，firefox需要使用which属性，不能使用keyCode，此时keyCode为0。　　测试代码如下!DOCTYPE html PUBLIC -//W3C//DTD html 4.0 Transitional//ENhtmlheadtitlejavascript检查键盘是否已经按下caps lock键/titlesc
http://www.w3dev.cn/article/20130606/javascript-check-caps-lock-key-has-press.aspx