posts - 648,comments - 3,views - 20万

随笔分类 -  JS

clipboard使用总结
摘要:官方网站:https://clipboardjs.com/ 使用总结:http://blog.csdn.net/hry2015/article/details/70941912 阅读全文
posted @ 2017-12-02 09:58 jackljf 阅读(413) 评论(0) 推荐(0) 编辑
如何编写出优美的JavaScript代码?
摘要:转:http://www.csdn.net/article/2012-12-06/2812544-How-to-make-the-beautiful-JavaScript-cod摘要:爱美之心,人皆有之。即使是一段普通的代码,在保持思维清晰、功能友好的前提下怎样编写才能结构清晰、整洁美观呢? 在多年以前,人们注重功能是如何实现的。现如今,随着Web及互联网技术的不断发展,功能仅成了最基本的要求,如何写出漂亮,整洁的代码已成为一个大牛级程序员不可或缺的条件。一位前端开发工程师便在知乎上提问:“我是一名前端开发工程师,主要编写JavaScript,有两年经验。最近在写一些页面上的模块,发现自己在构 阅读全文
posted @ 2012-12-09 00:13 jackljf 阅读(337) 评论(0) 推荐(0) 编辑
用js实现在文本框中检测字数和限制字数功能
摘要:方法一:在文本框能区分并限制中文英文字数功能首先,既然要限制字数,肯定要想办法实时获取用户在文本框里输入的文字的数量。input控件有个length的属性,可以方便地获取字数。可是,它所返回的字数无论是中文还是英文或者数字,1个字就算1个字。客户要限制字数的原因是为了页面显示的时候排版不会乱,因此一个汉字需要按2个英文字符来计算。这样的话,这个默认的length失效了。怎么区分中文和英文呢?string对象有一个叫charCodeAt(index)的方法,可以获取字符串中某一个字符的编码。因为字母数字的ascii编码都小于255而汉字的编码肯定大于255,因此我们可以使用此方法来判断字符串占用 阅读全文
posted @ 2012-08-28 11:34 jackljf 阅读(4372) 评论(0) 推荐(0) 编辑
jquery 插件 thickbox窗口 第一个控件获得焦点(解决第二次弹出窗口,文本不能输入数据)
摘要:为了方便用户的输入,我们一般默认页面载入后焦点设置在第一个输入的控件上,使用thickbox,弹出后的窗口怎么设置焦点呢?原来是想说在新的页面上直接设置:$("#id").focus();的,但发现,这个在页面截入前就执行了,查找了一下http://codylindley.com/thickboxforum的论坛,发现这种情况有两种方法可以解决:1,还是老方法,只是延迟了时间执行焦点的获取:setTimeout("$('#username').focus();",100);2,比较完美的方法,但得修改thickbox.js文件.2.1在原 阅读全文
posted @ 2012-08-27 17:30 jackljf 阅读(137) 评论(0) 推荐(0) 编辑
23个Javascript弹出窗口特效
摘要:1. LightviewLightview是一个基于Prototype与Script.aculo.us开发,用于创建可以覆盖整个页面的模式对话框。展示的内容不仅可以是图片、文字、网页、通过Ajax 调用的内容,还可以是Quicktime/Flash影片都能够以非常酷的效果展示。2. ThickBox (演示地址)ThickBox是一个模式对话框UI控件。基于jQuery开发,可以用来展示单张或多张图片,内嵌的内容,iframed的内容,或通过Ajax获取的内容。3. Fonshen JS Window (演示地址)风声JS窗口为模拟WEB弹出窗口和对话框提供一种方案。程序基于 JavaScri 阅读全文
posted @ 2012-08-27 14:42 jackljf 阅读(531) 评论(0) 推荐(0) 编辑
·jQuery弹出层插件Thickbox使用心得
摘要:前段时间在建设银行项目上用EXT完整做了个单页系统,太赶了,没有记录下任何东西,现在都忘了,怪可惜的。这次项目用JQuery做js的东西。主要用了个弹出层控件thickbox,自己也扩展和…Thickbox官方网站(上面有例子和基本的使用方法):http://jquery.com/demo/thickbox/就我使用过程中,Thickbox常见问题:1。跨iframe的弹出层。症状:每次thickbox都只在frame中弹出,而不会整个屏幕覆盖原因和解决方法:thickbox使用tb_show()函数在body后面加入弹出层。可以使用window.top.tb_show()把弹出层加到页面上. 阅读全文
posted @ 2012-08-15 16:18 jackljf 阅读(290) 评论(0) 推荐(0) 编辑
javascript设计模式--继承(上)
摘要:本章的主题是继承,分为上下两部分来介绍,上主要来介绍call和apply方法,下用来介绍继承的几种实现方式。 在介绍继承的时候,call和apply是一个绕不过去的话题,也是大家需要深入了解的知识。下面我们来看看call的定义(apply和call基本是一样的,只是参数不同,这里不做介绍了):?call 方法请参阅应用于:Function 对象要求版本 5.5调用一个对象的一个方法,以另一个对象替换当前对象。call([thisObj[,arg1[, arg2[, [,.argN]]]]])参数thisObj可选项。将被用作当前对象的对象。arg1, arg2, , argN可选项。将被传递. 阅读全文
posted @ 2012-07-27 16:30 jackljf 阅读(121) 评论(0) 推荐(0) 编辑
这些年,我收集的JavaScript代码(二)
摘要:一、JavaScript跨平台事件 对于跨平台事件我们一般这么写(只例举添加事件):function addEventHandler(oTarget, sEventType, fnHandler){ if(oTarget.addEventListener){ oTarget.addEventListener(sEventType,fnHandler,false); } else if(oTarget.attachEvent){ oTarget.attachEvent("on"+sEventType,fnHandler); } else{ ... 阅读全文
posted @ 2012-07-27 16:20 jackljf 阅读(214) 评论(0) 推荐(0) 编辑
这些年,我收集的JavaScript代码(一)
摘要:一、取URL中的参数function getParameterByName(name) { var match = RegExp('[?&]' + name + '=([^&]*)') .exec(window.location.search); return match && decodeURIComponent(match[1].replace(/\+/g, ' '));}二、正则分组var testStr="testTTest";var reg=//g;var match=reg.exec 阅读全文
posted @ 2012-07-27 16:17 jackljf 阅读(112) 评论(0) 推荐(0) 编辑
了解JavaScript中的内置对象
摘要:所有编程语言都具有内部(或内置的)对象来创建语言的基本功能。内部对象是 您编写自定义代码所用语言的基础, 该代码基于您的想象实现自定义功能。JavaScript 有许多将其定义为语言的内部对象。本文介绍了一些 最常用的对象,并简要介绍了它们有哪些功能以及如何使用这些功能。NumberJavaScript Number对象是 一个数值包装器。您可以将其与new关键词结合使用,并将其设置为一个稍后要在JavaScript代码中使用的变量:var myNumber = new Number(numeric value); 或者,您可以通过将一个变量设置为一个数值来创建一个 Number 对象。然后, 阅读全文
posted @ 2012-07-27 16:05 jackljf 阅读(162) 评论(0) 推荐(0) 编辑
几个常用的JavaScript字符串处理函数 – split()、join()、substring()和indexOf()
摘要:经常用到但是每次都要去找,干脆整理出几个自己经常要用的JavaScript字符串处理函数:函数:split() 功能:使用一个指定的分隔符把一个字符串分割存储到数组例子:str=”jpg|bmp|gif|ico|png”;arr=theString.split(”|”);//arr是一个包含字符值”jpg”、”bmp”、”gif”、”ico”和”png”的数组函数:John() 功能:使用您选择的分隔符将一个数组合并为一个字符串例子:var delimitedString=myArray.join(delimiter);var myList=new Array(”jpg”,”bmp”,”gif 阅读全文
posted @ 2012-07-24 11:22 jackljf 阅读(128) 评论(0) 推荐(0) 编辑

< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5

点击右上角即可分享
微信分享提示