随笔分类 - JavaScript
JS脚本经验记录
摘要:1、时间格式化等方法推荐使用 moment.js 的库文件3、模板、循环、MAP等方法使用underscode.js 的方法4、表单序列化成JSON $.fn.serializeJson = function() { var serializeObj = {}; v...
阅读全文
摘要:一、js概述 js即JavaScript,是被设计用来验证表单、检测浏览器、创建cookies、改进设计以及更多应用的网络脚本语言,它非常容易使用。在web应用中,它是主要的编程语言,主要用途是进行各种逻辑控制、行为展现等。对于js的优化,对于整个应用的提升都是非常显著的。二、使用字面量(lite...
阅读全文
摘要:添加 tabindex='-1' 属性;默认:获取不到焦点事件(blur)1可以获取焦点事件(blur)1
阅读全文
摘要:var defaultVal = { NUMBER : "^[0-9]*$", TEL : "^0(10|2[0-5789]|\\d{3})-\\d{7,8}$", IP : "^((\\d|[1-9]\\d|1\\d\\d|2[0-4]\\d|25[0-5]|[*])\\.){3}(\\d|[1-9]\\d|1\\d\\d|2[0-4]\\d|25[0-5]|[*])$", MOBILE : "^1(3[0-9]|5[0-35-9]|8[0235-9])\\d{8}$", MAIL : "^([a-zA
阅读全文
摘要:JS没有PHP的exit, 也没有JAVA的return。如果JS代码不是函数,则需要中止JS执行时,只有一个办法,那就是:document.location.href=your_url;此外,throw虽能中止,但仍是不友好的出错信息,所以,如果想友好中止,只能是以上方法。因此,非函数模式的代码,是无法停留在当前页面实现中止的。
阅读全文
摘要://人民币金额转大写程序JavaScript版//CopyRightBardoQIfunctionnumToCny(num){varcapUnit=['万','亿','万','圆',''];varcapDigit={2:['角','分',''],4:['仟','佰','拾','']};varcapNum=['零','壹','贰','叁',&#
阅读全文
摘要:var str = "abcd ";str.trim();报语法错误解决方法如下:str = str.replace(/^\s+|\s+$/g,"");
阅读全文
摘要:2008-09-12超级实用且不花哨的js代码大全事件源对象event.srcElement.tagNameevent.srcElement.type捕获释放event.srcElement.setCapture();event.srcElement.releaseCapture();事件按键event.keyCodeevent.shiftKeyevent.altKeyevent.ctrlKey事件返回值event.returnValue鼠标位置event.xevent.y窗体活动元素document.activeElement绑定事件document.captureEvents(Event.
阅读全文
摘要:JavaScript 的成功让人津津乐道,为 Web 网页编写 JavaScript 代码已经是所有 Web 设计师的基本功,这门有趣的语言蕴藏着许多不为人熟知的东西,即使多年的 JavaScript 程序员,也未能完全吃透。本文从7个方面讲述 JavaScript 中那些你不很熟知但非常实用的技巧。简略语句JavaScript 可以使用简略语句快速创建对象和数组,比如下面的代码:可以使用简略语句如下:对象 car 就此创建,不过需要特别注意,结束花括号前一定不要加 ";" 否则在 IE 会遇到很大麻烦。创建数组的传统方法是:使用简略语句则:另一个可以使用简略语句的地方是条
阅读全文
摘要:<script language="javascript"> var ctl=document.getElementById("divSlo"); if(ctl.offsetHeight < 400) { ctl.style.height = ctl.offsetHeight+"px"; } else { ctl.style.height = "400px"; ctl.style.overflowY="auto"; } </script>
阅读全文
摘要:function ResizeImage(ImgD,FitWidth,FitHeight){ var image=new Image(); image.src=ImgD.src; var wb=image.width/FitWidth; var hb=image.height/FitHeight; var b=wb=hb?wb:hb; if(b1) { ImgD.width=image.width/b; ImgD.height=image.height/b; } else { ImgD.width=image.width; ImgD.height=image.height; }}//获取D
阅读全文
摘要:htmlheadtitle纯CSS实现圆角效果/titlestyle type="text/CSS" div.RoundedCorner{background: #9bd1fa}b.rtop, b.rbottom{display:block;background: #fff}b.rtop b, b.rbottom b{display:block;height: 1px;overflow: hidden; background: #9bd1fa}b.r1{margin: 0 5px}b.r2{margin: 0 3px}b.r3{margin: 0 2px}b.rtop b.
阅读全文
摘要:网上找了很多,不实用,要不兼容问题,这个可以!input禁止键盘及中文输入,但又不能用readonly 而且还需兼容ie 和 ff , 为了完成这功能费了蛮大功夫,呵呵,在此记录以便日后之用;另外禁止粘贴 onpaste="return false"view plainprint?!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.0Transitional//EN" HTMLHEADTITLENewDocument/TITLEscript//样式style="ime-mode:disabled"禁止中文输入functionnoPermitInp
阅读全文
摘要:网页可见区域宽:document.body.clientWidth网页可见区域高:document.body.clientHeight网页可见区域宽:document.body.offsetWidth (包括边线和滚动条的宽)网页可见区域高:document.body.offsetHeight(包括边线的宽)网页正文全文宽:document.body.scrollWidth网页正文全文高:document.body.scrollHeight网页被卷去的高:document.body.scrollTop网页被卷去的左:document.body.scrollLeft网页正文部分上:window.
阅读全文
摘要:html xmlns="http://www.w3.org/1999/xhtml"head runat="server" title无标题页/title script type="text/javascript" !--/*** ==================================================================================================** 类名:CLASS_MSN_MESSAGE** 功能:提供类似MSN消息框** 示例:www.qpsh.com-------------------
阅读全文
摘要:!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"head titleDrag and Drop/title meta http-equiv="Content-Type" content="text/html;charset=UTF-8" / style type="text
阅读全文
摘要:textarea id="tValue" style="overflow-y:hidden; height:20px;" onpropertychange="this.style.height=this.scrollHeight + 'px'" oninput="this.style.height=this.scrollHeight + 'px'"/textarea
阅读全文
摘要:JavaScript在WEB编程中能起到很大的作用,将一些常用的功能写成JavaScript类库。将下面代码保存为Common.js类库功能:1.Trim(str)--去除字符串两边的空格2.XMLEncode(str)--对字符串进行XML编码3.ShowLabel(str,str)--鼠标提示功能(显示字符,提示字符)可以设置显示的提示的文字的字体、颜色、大小以及提示的背景颜色、边框等4.Is...
阅读全文