随笔分类 - Javascript
摘要：IE6曾是PC上的霸主，它的影响相当大，虽然现在IE10都出来了，但是IE6在市场仍然有一定的份额，但是IE6存在很多问题，最明显的莫过于以PNG-24的支持，这是一个很头痛的问题，如果要用一张PNG格式的图片在IE6下会出现灰色的背景，很是无语，不过现在不用烦恼了，下面这些代码帮你彻底解决问题，让你从此又爱上 ...^_^下载代码 Kingwell
阅读全文
摘要：ie与标准浏览器对js的实现和接口支持各不相同，本文的目的是将常用的兼容性问题总结。1. 集合类对象问题 现有代码中许多集合类对象取用时使用 ()，IE 能接受，Firefox 不能。 解决方法：改用 [] 作为下标运算。如：document.forms("formName") 改为Js代码 复制代码document.forms["formName"];//又如：document.getElementsByName("inputName")(1);//改为document.getElementsByName("inputNa
阅读全文
摘要：做项目时，我们都是手写代码，但是这样效率不高，如果有自动完成代码功能是不是更好呢？一：Editplus自动完成功能当你要插入一个有Class的DIV时，你要输出很多代码<div class=""><div>，有没有更快的方法呢？你是否希望当你在某个编辑器里输入：divc然后空格就就出现 <div class=""><div>，而且光标就显示在“”里面，Editplus就有这样的功能，不过这种预定义功能需要自己写，一般网上可以找到，也可以自己写，在：设置-》参数-》文件-》设置&语法，然后再选择相应语
阅读全文
摘要：解决IE6下的Hover背景图片闪烁问题，关键是图片不缓存IE6下的背景图片每次使用都会重新发送请求，所以会出现闪烁的情况：解决方案：HTML注释 + JS<!--[if IE 6]><script type="text/javascript"><!- document.execCommand("BackgroundImageCache", false, true); --></script>也还有一种解决方案就是使用expression，不过不推荐使用，所以不不出列出来。
阅读全文
摘要：做网站时，我们经常用到Cookie，比如用户登录，换肤等等...不过原始的设置比较麻烦，特别是读取Cookie时，现在我们将其扩展到jQuery中，很方便地调用，读取，删除，这就是我们的目标，WRITE LESS ,DO MORE! /* jQuery cookie Author：Kingwell Leng Email :kingwell.leng@gmail.com */ jQuery.setCookie = function (sName, sValue, oExpires, sPath, sDomain, bSecure) { ...
阅读全文
摘要：写了一款jQuery插件，选择卡切换效果： /* <div class="tab-container"> <ul class="tab-title"> <li class="current"></li> <li></li> <li></li> <li></li> </ul> <div class="tab-content"></div> <div clas
阅读全文
摘要：有时候，特别是在Ajax请求返回数据时我们需要知道返回数据的结构，如果是Object，使用Alert是打印不出来的，使用Firebug中的 console 可以查看，我自己写了一个函数，有点像这个，有时候觉得使用console还不够直观，所以自己想办法写一个，不过现在支持的层级就三层，多了就不行了， 多了就出现object。if(!window.debug){ window.debug = {};//选择一个自己的命名，千万别跟别人的冲突 }; debug.info = function(obj){ if (typeof _deBugStatus_ !== "undef...
阅读全文
摘要：Javascript Math.ceil()与Math.round()与Math.floor()区别:Math.ceil()向上舍入alert(Math.ceil(20.1)) //输出 21alert(Math.ceil(20.5)) //输出 21alert(Math.ceil(20.9)) //输出 21Math.round标准的四舍五入alert(Math.round(20.1)) //输出 20alert(Math.round(20.5)) //输出 21alert(Math.round(20.9)) //输出 21Math.floor()向下舍入alert(Math.floor(2
阅读全文
摘要：一：在Javascript里，如果克隆对象是基本类型，我们直接赋值就可以了：1 var sStr = "kingwell";2 var cStr = sStr;3 alert(cStr);//输出kingwell4 sStr = "abc";5 alert(cStr);//输出kingwell;把一个值赋给另一个变量时，当那个变量的值改变的时候，另一个值不会受到影响。二：如果不是基本类型，那就有所有不同了：1 var aArr = [0,1,2,3];2 var m = aArrr;3 alert(m);//输出1,2,34 aArr=[3,2,1,0]
阅读全文
摘要：mouseover与mouseenter不论鼠标指针穿过被选元素或其子元素，都会触发 mouseover 事件。只有在鼠标指针穿过被选元素时，才会触发 mouseenter 事件。mouseout与mouseleave不论鼠标指针离开被选元素还是任何子元素，都会触发 mouseout 事件。只有在鼠标指针离开被选元素时，才会触发 mouseleave 事件。
阅读全文
摘要：在网上看到一篇文章与大家分享一下：“我们都知道,很多时候,在页面加载完后都需要做一些相应的初始化动作.例如,运行某些js特效,设置表单等等.怎么知道页面加载完了呢?一般情况下都是设置body标签的onload监听window的load事件.但load事件是要在页面的元素全部加载完了才触发的,如果页面上图片较多或图片太大,就会导致初始化的代码未被执行的时候用户就做了其它操作了. Jquery库提供了一个非常方便好用的函数( $(selector).ready()),让我们可以在页面的dom加载完后就可以做相应的操作(当然,这还得看用户浏览器的支持).,而不用等待全部元素加载完成.例如:1 $(d
阅读全文
摘要：js有5种基本数据类型：数值型 （number）、字符串型（string）、逻辑型（boolean、无定义数据类型 （undefined）、空值(null)；另外还有3种复合数据类型，分别是：函数（function）、对象（object）、数组 （array）。判断数据类型是经常的事情，比如：基本数据类型：var sStr = "kingwell";var nNum = 2012;var bBoo = false;var uNde;var nNu = null;alert(typeof sStr);//输出 string;alert(typeof nNum);//输出 nu
阅读全文
摘要：Array.sort()sort用于在原数组上对数组元素进行排序，不过它是按照字符编码的顺序的：比如： var a = [1,2,3,22,5,6,66,5555];a.sort();//输出 1,2,22,3,5,5555,6,66但是我们要对数字按照从小到大，或从大到小排序需要给它加一个参数。1 var a = [1,2,3,22,5,6,66,5555];2 a.sort(function(a,b){return a-b});//输出1,2,3,5,6,22,66,55553 a.sort(function(a,b){return b-a});//输出5555,66,22,6,5,3,.
阅读全文
摘要：好的代码书写对可读性，维护性不言而喻，JSMin这套插件可以格式化Javascript代码，也可以压缩，压缩将近50%，是JS程序员必备插件之一。JSMin用于JavaScript文件中剔除注释和没用的空格 ，它的特点就是能减少文件的大小，从而加快下载速度。JSMin下载地址
阅读全文
摘要：做前端的，总是要跟兼容性打交道，CSS兼容性，JS兼容性，这里我总结了一些getAttribute(),setAttribute()在不同浏览器下兼容性以及如何解决这些问题： 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml">
阅读全文
摘要：最近一个项目，要在静态页面上上传附件（头像），如果是动态网页就比较好做，但是静态页面就要采用另外的解决方案，其中的一种方法就是使用iframe，1 <form action="服务器地址" target="uploadImage" method="post" enctype="multipart/form-data">2 <input type="file" />3 <input type="submit" />4 </form>
阅读全文
摘要：一般我们删除Cookie的话是指出Cookie名，然后把这个Cookie的expires设置为一个过去时间，但是如果网站有很多Cookie，但一个一个地清除的话是比较麻烦的，现在有了批量删除Cookie的方法，代码如下： 1 function clearAllCookie() { 2 //获取所有Cookie，并把它变成数组 3 var cookies = document.cookie.split(";"); 4 //循环每一个数组项，把expires设置为过去时间，这样很容易地消除了所有Cookie 5 ...
阅读全文
摘要：在项目中，经常会碰表格排序，最近整理了一个表格排序包括字符串，日期，整型，浮点型，以及图片等高级排序，将服务器功能转移到前端实现，减轻了服务器压力，功能比较强大。 1 (function () { 2 /** 3 @ Author: Kingwell leng 4 @ Date : 2012-8-22 5 @ Blog : http://kingwell-leng.iteye.com/ 6 @ Email : jinhua.leng##gmail.com 7...
阅读全文
摘要：我们经常遇到需要动态加载JS，有时一个，有时候多个，每次都使用DOM很麻烦，现在可以把它封装起来，直接调用就可以了，而且设置一个状态，如果已经添加就不需要再次添加，代码如下： 1 function loadJS(url){ 2 var statu = true;//初始状态 3 var js=document.getElementsByTagName("script"); 4 for(var i=0; i< js.length; i++){ 5 if(js[i].getAttribute("src") == url ){ 6 s...
阅读全文
摘要：Jquery是一个优秀的Javascrīpt框架，它改变了程序员的编程习惯，一个简单的操作执行复杂的功能，还有兼容性方面也做得很好，功能强大的没话说了，如果你没听过Jquery，那我就没话说了，呵呵。最近一个项目中要做一个拖动的功能，基于Jquer开发的，不过遇到一个问题，也可以说是兼容性的问题吧，我们让一个DIV居中，一般的做法是<div style="position:absolute; width:500px; height:200px; margin-top:-100px; margin-left:-250px;"></div>我们去做拖动的
阅读全文
浙公网安备 33010602011771号