javascript计时器

评论(0)浏览(522)分类:JavaScript/Ajax开发技巧
javascript计时器  javascript计时器,效果如下script function Timer(maxtime, id, callback) { //maxtime:时间,单位s //id:显示计时器信息的容器id //callback:计时器结束回调 var tmp function CountDown() { if (maxtime = 0) { day = Math.floor(maxtime / (60 * 60 * 24)); ..

setTimeout/setInterval执行的句柄函数在firefox下会附加一个参数

评论(0)浏览(113)分类:JavaScript/Ajax开发技巧
setTimeout/setInterval执行的句柄函数在firefox下会附加一个参数  使用setTimeout/setInterval绑定事件句柄时,firefox13-会自动给事件处理函数增加一个附加参数,所以做选项卡自动切换功能时,注意这2个函数的使用方法,可能会导致你程序出现bug。firefox14+已经去掉这个功能。Note: Prior to Gecko 13 (Firefox 13.0 / Thunderbird 13.0 / SeaMonkey 2.10), Gecko passed an extra parameter to the callb..

jquery ajaxStart不响应注意事项

评论(0)浏览(104)分类:JavaScript/Ajax开发技巧
jquery ajaxStart不响应注意事项  使用jquery的ajax方法ajaxStart,ajaxComplete,ajaxError,ajaxSend,ajaxStart,ajaxStop,ajaxSuccess注册事件,如果没有执行,没反应,请注意你使用的jquery版本,jquery1.8+版本这些方法只能注册事件到document对象上,注册到其他对象上无法响应。As of jQuery 1.8, the .ajaxStart() method should only be attached to document.http..

获取cookie过期时间

评论(0)浏览(302)分类:JavaScript/Ajax开发技巧
获取cookie过期时间  javascript和动态页无法获取cookie过期的时间,过期时间由浏览器管理,javascript和动态页只能设置过期时间,无法通过document.cookie(javascript)或者Cookie.Expires(asp.net)属性获取到。%@page language=C# Debug=true%script runat=server protected void Page_Load(object sender, EventArgs e) { HttpCookie hc = Re..

获取kindeditor编辑器iframe对象

评论(0)浏览(1036)分类:JavaScript/Ajax开发技巧
获取kindeditor编辑器iframe对象  kindeditor实例存储iframe编辑器对象的属性为edit,edit属性又包含了iframe对象集合,通过调用get方法获取到iframe DOM对象,就可以按照操作iframe的方法获取需要的iframe内容了。示例代码如下var editor;KindEditor.ready(function (K) { editor = K.create('textarea[name=content]', { allowFileManager: true, filter..

javascript糟粕与鸡肋分析

评论(0)浏览(152)分类:JavaScript/Ajax开发技巧
javascript糟粕与鸡肋分析  大多数语言都有精华部分和鸡肋部分,我发现如果只使用精华部分而避免使用鸡肋部分,我可以成为一名更好的程序员,Douglas Crockford曾经写过一本很薄的书《JavaScript: The Good Parts》,这是开篇中的一句话。书中专门介绍了JavaScript中值得发扬光大的精华部分,并在附录中详细列举了JavaScript的糟粕、鸡肋部分。如果能规避掉JavaScript语..

javascript文字逐字逐行显示效果

评论(0)浏览(530)分类:JavaScript/Ajax开发技巧
javascript文字逐字逐行显示效果  javascript文字逐字逐行相似效果htmlheadtitlejavascript文字逐字逐行显示效果/titlescript var text = 12345678901234567890123456789012345678901234567890; var textLen = text.length; var lineNum = 10; //定义每行显示多少个字 var num = 0; var _ = document.createTextNode('_'); var i = 0; function..

kindeditor上传插件分类保存路径细分修改

评论(0)浏览(1036)分类:JavaScript/Ajax开发技巧
kindeditor上传插件分类保存路径细分修改  kindeditor的上传的文件(包括图片)默认是保存在attached/(image|flash|media|file)/当前日期年月日 对应的目录下,依据加载的插件,自动给uploadJson配置的url增加dir参数。  如果你需要修改attached保存路径或者(image|flash|media|file)这种分类目录,需要手动修改upload_json.asp文件,给upload_json.asp增加功能。  下面为一个示例..

JavaScript解析机制

评论(0)浏览(163)分类:JavaScript/Ajax开发技巧
JavaScript解析机制1.5 JavaScript解析机制JavaScript解 析过程可以分为编译和执行两个阶段。编译也就是我们常说的JavaScript预处理(即预编译)。在预编译期,JavaScript解释器将完成对 JavaScript代码的预处理,也就是说把JavaScript脚本代码转换成字节码。在执行期,JavaScript解释器借助执行期环境把字节码 生成机械码,并按顺序执行,完成程序设计的任务。1.5..

移动到子容器上触发父容器mouseout事件解决办法

评论(0)浏览(501)分类:JavaScript/Ajax开发技巧
移动到子容器上触发父容器mouseout事件解决办法  容器下包含a,select标签,鼠标移动到子容器下都会触发mouseout事件,文本内容,如这里列出来的则不会触发mouseout事件。div style=width:300px;height:200px;border:solid 1px black onmouseout=alert('MOUSEOUT')容器下包含a,select标签,鼠标移动到子容器下都会触发mouseout事件,文本内容,如这里列出来文字的则不会触发mouseout..

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

评论(0)浏览(284)分类:JavaScript/Ajax开发技巧
javascript复制带格式的富文本内容  需要使用javascript实现ctrl+c和ctrl+v的效果,复制的时候将选择的网页内容,包括字体大小,颜色,链接等一起复制,而不是以纯文本的格式进行复制,ctrl+v粘贴进入html编辑器或者word文档中时保留原来的格式。  本示例仅在IE浏览器下可用,通过execCommand('copy')来实现。示例如下script function CopyImageToBoard(area) { ..

javascript换皮肤代码

评论(0)浏览(172)分类:JavaScript/Ajax开发技巧
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.co..

IE6/IE7设置z-index,子容器内absolute定位的层无法遮盖下层absolute定位容器解决办法

评论(0)浏览(409)分类:JavaScript/Ajax开发技巧
IE6/IE7设置z-index,子容器内absolute定位的层无法遮盖下层absolute定位容器解决办法  有2个absolute定位的层,要求第一个层覆盖第二个层,第一个层设置z-index即使为10000,第二层不设置z-index或者设置为1,在IE6/IE7浏览器下第一个层还是被第二个层给遮盖住,其他浏览器这没有这个问题。  解决办法就是父容器搜设置为relative定位,给父容器增加z-index,只要第一个absolute定位的层的父容器z-index大于第二个的,那么就可..

javascript检查图片是否加载完毕

评论(0)浏览(114)分类:JavaScript/Ajax开发技巧
javascript检查图片是否加载完毕  如果图片未添加onload事件,如何判断某张图片是否已经加载完毕。img标签对象有一个complete属性,如果加载完毕complete属性会为true,所以检查这个属性就行了。img id=img src=/images/lake.png /script alert(document.getElementById('img').complete)//如果第一次访问,没有缓存会输出false,再刷新有缓存就会为true/script

jquery倒影水波纹效果插件

评论(0)浏览(274)分类:JavaScript/Ajax开发技巧
jquery倒影水波纹效果插件  html5 canvas实现的图片水中倒影,水波纹效果jquery插件。IE浏览器运行本示例请用IE9+版本的浏览器webkit核心的浏览器如chrome注意要搭建服务器访问,要不本地file浏览出现如下错误Unable to get image data from canvas because the canvas has been tainted by cross-origin data. Uncaught Error: SecurityError: DOM Exception 18 效果如..

javascript 判断是否移动设备访问

评论(0)浏览(104)分类:JavaScript/Ajax开发技巧
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(naviga..

kindeditor如何保留源代码中的脚本

评论(0)浏览(420)分类:JavaScript/Ajax开发技巧
kindeditor如何保留源代码中的脚本  默认kindeditor在源代码视图中粘贴的脚本代码,在切换到设计视图或者提交到服务器前会脚本代码自动被删除,无法保留。  要想保留源代码视图中输入的脚本代码,可以配置filterMode: false,这样在切换到设计视图或者提交到服务器时仍然可以保留脚本内容。不过开启这个配置允许编辑器输入源代码比较危险,存在XSS漏洞。var editor;KindEdito..

单选和多选集成的jquery combobox插件

评论(0)浏览(379)分类:JavaScript/Ajax开发技巧
单选和多选集成的jquery combobox插件  单选和多选集成的jquery combobox插件,下拉选项中既有单选又有多选输入框,具体使用看示例和说明,效果如下title单选和多选集成的jquery combobox插件/titlescript type=text/javascript src=http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js/scriptstyle.pop{position:absolute;border:solid 1px black;display:none;pad..

表格排序的javascript代码

评论(0)浏览(435)分类:JavaScript/Ajax开发技巧
表格排序的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){ v..

ajaxfileupload jQuery has no method handleError错误

评论(0)浏览(541)分类:JavaScript/Ajax开发技巧
ajaxfileupload jQuery has no method handleError错误  使用ajaxfileupload上传文件时,如果没有反应或者报错UncaughtTypeError:Objectfunction(selector,context){//ThejQueryobjectisactuallyjusttheinitconstructor'enhanced'returnnewjQuery.fn.init(selector,context,rootjQuery);}hasnomethod'handleError'对应ajaxfileupload语句jQuery.handleError(s,xml,status,e);  那..

javascript lightbox效果

评论(0)浏览(153)分类:JavaScript/Ajax开发技巧
javascript lightbox效果  一个简单的半透明遮盖层lightbox效果!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdstyle.alpha{position:absolute;z-index:10;left:0px;top:0px;filter:alpha(opacity=50);opacity:.5;background:#000000;}.infolayer{position:absolute;width:400px;height:300px..

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

评论(0)浏览(270)分类:JavaScript/Ajax开发技巧
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 ..

javascript函数(function)前的运算符号作用

评论(0)浏览(148)分类:JavaScript/Ajax开发技巧
javascript函数(function)前的运算符号作用  示例代码!function(){alert('iifksp')}() // true  在控制台运行后得到的值时true,为什么是true这很容易理解,因为这个匿名函数没有返回值,默认返回的就是undefined,求反的结果很自然的就是true。所以问题并不在于结果值,而是在于,为什么求反操作能够让一个匿名函数的自调变的合法?  平时我们可能对添加括号来调用..

javascript选中对象

评论(0)浏览(107)分类:JavaScript/Ajax开发技巧
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.moveToEle..

选择文件后自动上传并返回服务区保存文件名称

评论(0)浏览(400)分类:JavaScript/Ajax开发技巧
选择文件后自动上传并返回服务区保存文件名称  功能:选择图片后就自动上传图片文件,并获取返回上传图片在服务器保存的文件名称  源代码如下test.htmliframe name=hiddenifr style=display:none/iframescript var uploading = false; function fileChange(f) { //事件处理函数 //注意你的动态页一定要有try..cacth语句防止动态页出错,要不发生一次错误后候选的选择无法处..

javascript浮点数运算精度问题

评论(0)浏览(479)分类:JavaScript/Ajax开发技巧
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..

__defineGetter__和__defineSetter__介绍

评论(0)浏览(174)分类:JavaScript/Ajax开发技巧
__defineGetter__和__defineSetter__介绍  Getter是一种获取一个属性的值的方法,Setter是一种设置一个属性的值的方法。可以为任何预定义的核心对象或用户自定义对象定义getter和setter方法,从而为现有的对象添加新的属性。  有两种方法来定义Getter或Setter方法:在对象初始化时定义在对象定义后通过Object的__defineGetter__、__defineSetter__方法来追加定义  在使用对象初始..

通过Access-Control-Allow-Origin控制允许ajax跨域请求的域名

评论(0)浏览(12993)分类:JavaScript/Ajax开发技巧
通过Access-Control-Allow-Origin控制允许ajax跨域请求的域名  Access-Control-Allow-Origin响应头可以允许哪些域名能发送ajax请求本页面,Access-Control-Allow-Origin响应头一次只能设置一个域名,如果要控制只允许指定的多个域名能跨域请求页面,要如何设置Access-Control-Allow-Origin响应头。解决办法  建立一个允许跨域请求的域名列表,然获取请求来源域名,和列表进行对比,如果来源域名存在允许..

Chrome扩展开发教程目录

评论(0)浏览(149)分类:JavaScript/Ajax开发技巧
Chrome扩展开发教程目录Chrome扩展开发教程(一)入门Chrome扩展开发教程(二)概述Chrome扩展开发教程(三)Browser Action(扩展图标)Chrome扩展开发教程(四)Options Pages(选项页面)Chrome扩展开发教程(五)Override Pages(重置页面)Chrome扩展开发教程(六)Page Actions(地址栏图标)Chrome扩展开发教程(七)themes(主题制作)Chrome扩展开发教程(八)Bookmarks(书签操作)Ch..

javascript获取操作系统版本

评论(0)浏览(262)分类:JavaScript/Ajax开发技巧
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(..