JavaScript
文章平均质量分 68
大爱无疆强
这个作者很懒,什么都没留下…
展开
-
javascript Date format(js日期格式化)
// 对Date的扩展,将 Date 转化为指定格式的String // 月(M)、日(d)、小时(h)、分(m)、秒(s)、季度(q) 可以用 1-2 个占位符, // 年(y)可以用 1-4 个占位符,毫秒(S)只能用 1 个占位符(是 1-3 位的数字) // 例子: // (new Date()).Format("yyyy-MM-dd hh:mm:ss.S") ==> 2006-0转载 2013-08-22 18:05:41 · 659 阅读 · 0 评论 -
解决IE8使用jquery设置网页标题title报错
解决IE8使用jquery设置网页标题title报错本以为这样的语句设置网页标题应该没问题,$('title').text('常见故障处理');结果发现IE8运行此语句竟然报错!IE8,下面语句运行报错:解决:后面发现这样设置网页标题,兼容性还不错:(2014-6-19,火狐、chrome、IE8测试通过)document.title = "标题";转载 2014-08-04 15:17:36 · 1748 阅读 · 0 评论 -
IE7下 JSON.stringify() 的问题
json2(https://github.com/douglascrockford/JSON-js/blob/master/json2.js)这个库在浏览器不支持JSON.stringify()会自动添加该方法。转载 2014-05-27 20:54:40 · 958 阅读 · 0 评论 -
KindEditor 4 输入框限定字数
jquery 1.6.4 html 代码: KindEditor 4 输入框限定字数//KindEditor $(function() { var editor = KindEditor.create('textarea[name="content1"]',{ resizeType : 0, // 2时可以拖动改变宽度和高度,1时只能改变高度,0时转载 2014-05-14 15:00:39 · 4563 阅读 · 0 评论 -
JavaScript触摸与手势事件
iOS版Safari为了向开发人员传达一些特殊信息,新增了一些专有事件。因为iOS设备既没有鼠标也没有键盘,所以在为移动Safari开发交互网页时,常规的鼠标和键盘事件根本不够用。随着Android中的WebKit的加入,很多这样的专有事件变成了事实标准。1.触摸事件包含iOS2.0软件的iPhone 3G发布时,也包含了一个新版本的Safari浏览器。这款新的移动Safari提供了一些与转载 2014-06-02 18:46:07 · 807 阅读 · 0 评论 -
键盘KeyCode值列表
event.keycode值大全1 keycode 8 = BackSpace BackSpace 2 keycode 9 = Tab Tab 3 keycode 12 = Clear 4 keycode 13 = Enter 5 keycode 16 = Shift_L 6 keycode 17 = Control_L 7 keycode 18 = Alt_L 8转载 2014-04-28 13:56:58 · 824 阅读 · 0 评论 -
getBoundClientRect函数详解
一、定义 getBoundingClientRect 函数是W3C组织在第一版本的W3C CSSOM View specification草案中确定的一个标准方法,在此之前,只有IE浏览器是支持该方法的,W3C在这次草案中把它扶正成为标准,足可以看出它并不简单。getBoundingClientRect 方法返回的是调用该方法的元素的TextRectangle对象,该对象具有top、le转载 2014-05-15 14:38:01 · 5209 阅读 · 0 评论 -
js网页繁体简体转换
注意:非得加上html头 utf-8编码 其它编码无测试 代码实例:js网页繁体简体转换简体繁體 js网页繁体简体转换js网页繁体简体转换增值电信业务经营许可证(琼)B2-20060032号 文网文[2009]162号 网络视听许可证2110566号 (琼)-经营性-2005-0002lang.js// 网页简繁体转换// 本js用于客户在转载 2014-04-09 00:09:49 · 1877 阅读 · 0 评论 -
RequireJS 2.0 API之用法
用法§ 1 加载 JavaScript 文件§ 1.1相比于传统的用标签来加载js,RequireJS 采用了不同的方式。 它的目标是促进JS编程模块化。 虽然它也能优化我们JS程序的性能, 但是它的主要目的还是促进JS编程模块化。其中, 它鼓励使用 module IDs 来加载JS文件,而不是 用标签直接引入JS文件的URLs的方式。RequireJS 基于 baseUrl 配置的地转载 2013-11-14 10:41:15 · 1113 阅读 · 0 评论 -
Iscroll应用文档
{hScroll: true, //是否水平滚动vScroll: true, //是否垂直滚动x: 0, //滚动水平初始位置y: 0, //滚动垂直初始位置snap: true, //值可以为true或是DOM元素的tagname,当为true时,对齐的坐标会根据可滚动的位置和滚动区域计算得到可滑动几页,如果为tagname,则滑动会对齐到元素上bounce: true, //是否超转载 2014-03-27 15:48:49 · 926 阅读 · 0 评论 -
利用iframe实现ajax跨域通信的实现原理(图解)
一般情况下都是用在同一域下的ajax请求;但是如果请求是发生在不同的域下,请求就无法执行,并且会抛出异常提示不允许跨域请求,接下来介绍利用iframe实现ajax跨域通信感兴趣的朋友可以了解下,或许对你学习ajax跨域有所帮助在漫长的前端开发旅途上,无可避免的会接触到ajax,而且一般情况下都是用在同一域下的ajax请求;但是如果请求是发生在不同的域下,请求就无法执行,并且会抛出异常提示不允许转载 2013-11-17 17:29:12 · 1086 阅读 · 0 评论 -
JavaScript里的依赖注入
我喜欢引用这句话,“程序是对复杂性的管理”。计算机世界是一个巨大的抽象建筑群。我们简单的包装一些东西然后发布新工具,周而复始。现在思考下,你所使用的语言包括的一些内建的抽象函数或是低级操作符。这在JavaScript里是一样的。 迟早你需要用到其他开发人员的抽象成果——即你依靠别人的代码。我喜欢依赖自由(无依赖)的模块,但那是难以实现的。甚至你创建的那些漂亮的黑盒子组件也或多或少会依赖一些转载 2014-08-05 15:50:53 · 562 阅读 · 0 评论 -
javascript数组删除元素
今天被人提到了js中数组删除元素的问题,于是做个小结。 我们都知道javascript删除数组元素方式有很多种。比如: var myArr = ["a", "b", "c"];我需要删除 myArr 数组中"b"元素。 那么我可以有不少办法: 1 DELETE。 delete myArr[1]; delete方法删掉了数组中下标为1的元素,也就是转载 2014-08-22 13:29:25 · 868 阅读 · 0 评论 -
Ext.LoadMask
Ext.loadMask使用的使用注意show(),hide()的用法var mk = new Ext.LoadMask(Ext.get('center'), { msg: '正在加载数据,请稍候……', //完成后移除 removeMask: true });mk.show(); //显示Ext.Ajax.request({ url: 'getInfo.转载 2014-11-27 16:29:23 · 636 阅读 · 0 评论 -
关于ExtJS中的mask和unmask
为了在发起某一事件后,阻止用户对界面的进行操作,可以使用ExtJS提供的针对Ext.Element的mask和unmask 例如: 1、对整个body操作 function reLoadData(){ Ext.getBody().mask("数据重新加载中,请稍等"); var requestConfig = { url : '#',//url可以转载 2014-11-23 14:34:24 · 2183 阅读 · 0 评论 -
特殊字符 (JavaScript)
JavaScript 提供可以包含在字符串中的转义序列,用来创建不能直接键入的字符。备注字符串值是一个由零或多个 Unicode 字符(字母、数字和其他字符)组成的序列。 字符串括在成对的单引号或双引号内。 括在单引号内的字符串可包含双引号。 括在双引号内的字符串可包含单引号。字符串中的每个字符均可由一个转义序列表示。 转义序列以反斜杠 (\)转载 2014-11-09 21:58:55 · 828 阅读 · 0 评论 -
js监听输入框值的即时变化onpropertychange、oninput
很多情况下我们都会即时监听输入框值的变化,以便作出即时动作去引导浏览者增强网站的用户体验感。要达到的效果 很多情况下我们都会即时监听输入框值的变化,以便作出即时动作去引导浏览者增强网站的用户体验感。比如即时显示输入框已经被输入的字节数,或者即时读取输入的值来进行搜索引导,也就是google的关联搜索效果等。只要我们能捕获即时事件就能做到很多事情。 需要了解的知识 首先,我们转载 2014-09-14 00:37:04 · 594 阅读 · 0 评论 -
javascript数组元素的添加、删除与插入以及参数数组的使用
1、数组元素的添加 push方法在数组的尾部添加元素: var colorArray=new Array(); colorArray.push('red','black','yellow'); //这里是直接压入三个元素 //当然也可以这要写 colorArray.push('red'); colorArray.push('b转载 2014-09-14 00:34:18 · 594 阅读 · 0 评论 -
用Javascript进行HTML转义
众所周知页面上的字符内容通常都需要进行HTML转义才能正确显示,尤其对于Input,Textarea提交的内容,更是要进行转义以防止javascript注入攻击。 通常的HTML转义主要是针对内容中的"","&",以及空格、单双引号等。但其实还有很多字符也需要进行转义。具体的可以参考这篇文章。** 1、HTML转义 参考上面的提到的文章,基本上可以确定以下的转义的范转载 2014-09-12 08:22:14 · 692 阅读 · 0 评论 -
javascript中小方法
1、尽量少甚至避免使用全局变量:javascript中全局变量的危害已经被各大网友所痛斥,在此就不多说了,我就结合自己的开发经验浅谈一下如何处理和避免使用javascript中的全局变量。 a) 给必须要使用的全局变量名前加上一个固定的前缀,比如:_result、_username等; b) 定义一个全局变量对象,用来存放项目所有的全局变量,比如:v转载 2014-09-09 14:16:55 · 587 阅读 · 0 评论 -
容易犯的javascript小错误
1、不好的代码习惯:var ex =function(){return{name:"snoopyxdy"};}();alert(ex.name); //ex is undefined (令人惊讶吧!)完全没有语法错误的代码,为什么会报错呢?呵呵!2、坑爹的日期格式:var mydate = new Date('2010-09-10')转载 2014-09-09 14:12:12 · 721 阅读 · 0 评论 -
javascript工厂模式小例
javascipt的new function(),在某些情况下会有所不同,我们看下面的例子:以上是正常的情况,new test()以后可以实例化test这个类,x的getter方法是执行x的原型链prototype上的方法。一切正常,但是当test返回值为非原子类型的时候,比如:数组,对象和function时,同样的代码x是无法将其原型链指向test.prototy转载 2014-09-09 14:05:18 · 579 阅读 · 0 评论 -
javascript 1.8.5 新特性,新API
node.js支持javascript 1.8.5,有一些新的特性和api,罗列下,可以方便我们写程序:Javascript 1.8.5新特性,直接上新api和详细介绍地址这些特性在浏览器FF8.0我都简单测试了通过,大部分需要ie9.0以上才能很好支持,还是给node.js用吧。1、 Object.createhttps://developer.mozilla.o转载 2014-09-09 14:01:38 · 926 阅读 · 0 评论 -
如何让搜索引擎抓取AJAX内容?
越来越多的网站,开始采用“单页面结构”(Single-page application)。整个网站只有一张网页,采用Ajax技术,根据用户的输入,加载不同的内容。这种做法的好处是用户体验好、节省流量,缺点是AJAX内容无法被搜索引擎抓取。举例来说,你有一个网站。http://example.com用户通过井号结构的URL,看到不同的内容。转载 2013-08-02 13:00:23 · 696 阅读 · 0 评论 -
指尖下的js ——多触式web前端开发之一:对于Touch的处理
水果公司的那些small and cute的设备给我们提供了前所未有的用户体验。当用户在iphone和ipad上运指如飞的时候,那些使用objective-c写出优秀应用的开发人员们心里一定充满了成就感,因为正是他们(而不是水果)让iOS的世界变的丰富多彩。然而对于我们这些以web为自己事业核心的程序员来说,这种让人欲罢不能的多触式体验似乎跟我们关系不大,因为浏览器那一小块地方就是我们转载 2013-08-16 16:58:52 · 617 阅读 · 0 评论 -
javascript 处理二进制流
在javascript中,二进制流一般是一个[object ArrayBuffer]的对象,一般的javascript方法是没法处理这个object的。要处理它,我们需要用Uint8Array将它转换成一个8位的整形数组。当然,如果你需要,你还能将它还原成string// t is a arraybuffer var uInt8Array = new Uint8Array(t);转载 2014-04-05 21:46:02 · 6550 阅读 · 0 评论 -
extjs表格文本启用选择复制功能
extjs提供了方便的表格组件grid供使用,但是默认情况下表格中的文本是不能被选中的,自然也是无法复制的。而选择复制文本的需要也是很平常的,于是我们就需要自己动手来解决这个问题,实现extjs的grid文本选择复制功能。说明一点,文中所列出的代码片断都是在当前ext 4.0.2a版本下的,其它版本未做测试,请自行斟酌。首先自定义一下样式,来覆盖默认的css样式:.x-sel转载 2013-10-11 17:16:46 · 1058 阅读 · 0 评论 -
如何判断脚本加载完成
在“按需加载”的需求中,我们经常会判断当脚本加载完成时,返回一个回调函数,那如何去判断脚本的加载完成呢?我们可以对加载的 JS 对象使用 onload 来判断(js.onload),此方法 Firefox2、Firefox3、Safari3.1+、Opera9.6+ 浏览器都能很好的支持,但 IE6、IE7 却不支持。曲线救国 —— IE6、IE7 我们可以使用 js.onreadystate转载 2013-09-02 10:37:42 · 697 阅读 · 0 评论 -
如何判断link标签css文件加载完毕
动态加载css都是通过DOM操作新增一个link标签来实现,常见的代码如下: var node = document.createElement("link"); node.setAttribute("rel","stylesheet"); node.setAttribute("type","text/css"); node.setAttribute("转载 2013-09-02 10:36:07 · 2733 阅读 · 1 评论 -
js判断图片是否加载完成
主要是利用javascript中Image对象,有两种方法可以判断第一中是使用onload事件,比如: script type=”text/javascript”> var obj = new Image(); obj.src = “yourpicurl.jpg”; obj.onload = function() { do转载 2013-08-30 18:18:45 · 544 阅读 · 0 评论 -
Javascript注释规范
文件注释文件注释位于文件的最前面,应包括文件的以下信息:概要说明及版本(必须)项目地址(开源组件必须)版权声明(必须)开源协议(开源组件必须)版本号(必须)修改时间(必须),以ISO格式表示(可使用Sublime Text的InsertDate插件插入)文件注释必须全部以英文字符表示,并存在于文件的开发版本与生产版本中。例如:/*! * jRaiser 2 Javascr转载 2013-08-16 16:14:42 · 892 阅读 · 0 评论 -
改变javascript函数内部this指针指向的三种方法
javascript 的this 值,真的是非常的莫名奇妙。我一直被搞的很头晕,也许正是这个this,让大多数人感觉js 非常的莫名其妙。在查了大量的资料后,我总结了下面的三条规则,这三条规则,已经可以解决目前我所遇到的所有问题.规则0:函数本身是一个特殊类型,大多数时候,可以认为是一个变量。 代码如下:function a() { alert(this); }转载 2013-08-16 16:14:04 · 888 阅读 · 0 评论 -
javascript 判断是否为数组或对象或各种其它数据类型
下面的写法考虑了各种兼容性。判断是否为数组isArray = function (source) { return '[object Array]' == Object.prototype.toString.call(source);};判断是否为日期对象isDate = function(o) { // return o instanceof Da转载 2013-08-27 14:56:24 · 846 阅读 · 0 评论 -
全世界最短的IE判断方法
var isIE = !-[1,];仅仅需要6bytes即可进行判断,利用了IE与标准浏览器在处理数组的toString方法时的差异来完成的。对于标准游览器,如果数组里面最后一个字符为逗号,js的引擎会自动剔除它。转载 2013-08-10 15:47:44 · 850 阅读 · 0 评论 -
javascript图片预加载快速获取图片尺寸
javascript无法获取img文件头数据,真的是这样吗?本文通过一个巧妙的方法让javascript获取它。 这是大部分人使用预加载获取图片大小的例子:var imgLoad = function (url, callback) { var img = new Image(); img.src = url; if (img.complete) {转载 2013-08-19 11:30:18 · 1209 阅读 · 2 评论 -
javascript的正则匹配方法
javascript中正则匹配有3个方法,match,exec,test。这些方法都跟字符串和RegExp对象有关,但使用场景不一样,容易混淆。match是字符串的一个方法,接收一个RegExp对象做为参数,其他的是RegExp对象的方法,接收一个字符串参数。var str = 'abcdef12ab34cd56ef';var patt = new RegExp('ab'); //主意是非全转载 2013-07-25 16:39:24 · 848 阅读 · 0 评论 -
javascript打开新窗口并获取新窗口值
这种文章以前我有写过,就是点击弹出新窗口再在新窗口做操作,然后再把值利用js parent.iframe.formname.inputname.value这样就现实新页面传值了。下面我们总结了几个常用的方法 。方法一、主页面打开新窗口js 事件:function showmodelwindow() { var itop = (window.screen.height转载 2013-10-11 19:32:35 · 3103 阅读 · 0 评论 -
input onchange事件
当一个HTML元素的属性改变的时候,都能通过onpropertychange来捕获。例如对象的value属性被页面的脚本修改的时候,onchange无法捕获到,而onpropertychange却能够捕获。 具体理解为:onpropertychange能及时捕获属性值的变化,而onchange在属性值改变时只有通过鼠标执行某些操作才能激活该事件! 但onpropert转载 2013-11-13 10:59:44 · 903 阅读 · 0 评论 -
php进制转换函数
php进制转换函数如下:bindec() — 二进制转换为十进制decbin() — 十进制转换为二进制dechex() — 十进制转换为十六进制decoct() — 十进制转换为八进制hexdec() — 十六进制转换为十进制octdec() — 八进制转换为十进制base_convert()– 在任意进制之间转换数字应用阐明如下: 一,十进制(decim转载 2014-04-05 21:44:41 · 679 阅读 · 0 评论 -
Javascript数组函数库
shift:删除原数组第一项,并返回删除元素的值;如果数组为空则返回undefinedvar a = [1,2,3,4,5];var b = a.shift(); //a:[2,3,4,5] b:1unshift:将参数添加到原数组开头,并返回数组的长度var a = [1,2,3,4,5];var b = a.unshift(-2,-1); //a:[-2,-1,1,2,转载 2014-04-21 10:39:36 · 571 阅读 · 0 评论