Javascript
文章平均质量分 86
kingwell2010
这个作者很懒,什么都没留下…
展开
-
Javascript 获取URL指定参数
Javascript 获取URL指定参数。给一个URL与一样Name,返回指定参数:JS Code:var url="http://www.baidu.com/reviews/reviews-write.html?mypid=54&p=Google&abc=Google+Photo+Recovery&myos=Windows&name=12345&ID=147"...2012-06-25 23:22:59 · 129 阅读 · 0 评论 -
文件编码的问题
昨天修改一个登录会话的问题,在服务器设置登陆会话有效期过了之后,只是读取不到数据,但是还停留在那个页面,所有了一次修改,每进行一次操作都检测session是否有效,所能服务端会返回一个状态,奇怪的是通过Firebug查找没有响应,但是通过在新窗口打开又有数据显示,很郁闷搞了很久才发现是编码的问题,虽然都是UTF-8,但是PHP文件使用的是无BOM的UTF-8,而JS文件是无BOM的UTF-8......2012-08-15 22:50:37 · 153 阅读 · 0 评论 -
Web前端开发之——表格高级排序(字符串,日期,整型,浮点型,以及图片等)...
在项目中,经常会碰表格排序,最近整理了一个表格排序包括字符串,日期,整型,浮点型,以及图片等高级排序,将服务器功能转移到前端实现,减轻了服务器压力,功能比较强大。 (function () { /** @ Author: Kingwell leng @ Date : 2012-8-22 @ Blog : http://kingwell-leng.ite...2012-08-22 11:46:25 · 145 阅读 · 0 评论 -
Javascript兼容性之——getAttribute(),setAttribute()(获取设置属性)
做前端的,总是要跟兼容性打交道,CSS兼容性,JS兼容性,这里我总结了一些getAttribute(),setAttribute()在不同浏览器下兼容性以及如何解决这些问题: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-tr...2012-08-27 10:04:15 · 328 阅读 · 0 评论 -
静态网页如何上传附件
最近一个项目,要在静态页面上上传附件(头像),如果是动态网页就比较好做,但是静态页面就要采用另外的解决方案,其中的一种方法就是使用iframe,<form action="服务器地址" target="uploadImage" method="post" enctype="multipart/form-data"><input type="file" /&am2012-09-06 17:00:59 · 1234 阅读 · 0 评论 -
浅谈Javascript 中几种克隆(clone)方式
一:在Javascript里,如果克隆对象是基本类型,我们直接赋值就可以了:var sStr = "kingwell";var cStr = sStr; alert(cStr);//输出kingwellsStr = "abc";alert(cStr);//输出kingwell; 把一个值赋给另一个变量时,当那个变量的值改变的时候,另一个值不会受到影响。 二:...2012-09-11 13:27:32 · 914 阅读 · 0 评论 -
写了一个打印信息的函数比Alert强大,类似Firebug中的console.table
有时候,特别是在Ajax请求返回数据时我们需要知道返回数据的结构,如果是Object,使用Alert是打印不出来的,使用Firebug中的 console 可以查看,我自己写了一个函数,有点像这个,有时候觉得使用console还不够直观,所以自己想办法写一个,不过现在支持的层级就三层,多了就不行了,多了就出现object。 if(!window.debug){ window.debug...2012-09-21 17:37:29 · 83 阅读 · 0 评论 -
前端开发工程师如何在2013年里提升自己【转】
大部分人非常在意个人在技术上的提升。但是保持对新技术的了解是一项不小的挑战, 毕竟我们需要的信息在数量上过于庞大。2012年里,伴随着前端发展的是大量的革命性突破和对前端的重新定义。我们在实践的路上飞速前进,具体的进步体现在使用抽象化,优秀的代码质量,维护性上的提升以及更好的性能。如果你实在忙到没有时间来跟上最新的技术,不用担心。随着假日的来临,我们就有了一些空闲的时间可以自己支配,我想...原创 2013-07-10 10:33:34 · 127 阅读 · 0 评论 -
JS window.name跨域封装
function CrossDomainName(target, agent, callback, security) { if (typeof target !== 'string' || typeof agent !== 'string' || typeof callback !== 'function') { throw '参数错误'; } this.state = 0;...2013-08-07 09:02:19 · 90 阅读 · 0 评论 -
HTML5 Canvas实战——HTML5 Canvas时间效果
HTML5 Canvas实战 function clockTest() { var canvas = document.getElementById('canvas'); if (!(canvas && canvas.getContext)) { return; } var ct = canvas.getConte...2013-08-07 09:04:19 · 122 阅读 · 0 评论 -
HTML5获取地理位置信息并在Google Maps上显示
使用HTML5 navigator geolocation获取当前地理位子,并调用Gmap接口显示在地图上: <!DOCTYPE HTML><html lang="en-US"><head> <meta charset="UTF-8"> <title></titl原创 2013-08-07 09:08:05 · 387 阅读 · 1 评论 -
kingwell Calendar V1.0 日历时间组件
项目中经常要使用日历时间插件,网上也有很多很优秀的插件,但是我还是喜欢使用自己写的东西,第一比较符合自己项目需要,第二,维护,修改比较内容,第 三,代码也比较少,第四,兼容各主流浏览器(IE6,7,8,9,10,FF,Chrome,Opera等)。最近写了个日历与时间选择插件,支持中英文 查看效果...2013-08-07 09:10:06 · 109 阅读 · 0 评论 -
十六制作颜色转RGB格式
十六制作颜色转RGB格式: function toRGB(color) { if (typeof color !== 'string') { return null; } var c = color.slice(1), ca = [], temp = '', reg3 = /^[0-9a-f]{3}$/i, reg6 = /^[0-9a-f]{6}$/i...2013-09-01 16:15:21 · 142 阅读 · 0 评论 -
attachEvent 中this指向
IE中使用的事件绑定函数与Web标准的不同,而且this指向也不一样,Web标签中的this指向与传统事件绑定中的this一样,是当前目标,但是IE中事件绑定函数中this指向,通过使用call或apply可以改变this指针的指向。 <!DOCTYPE HTML><html lang="en-US"><head> <meta cha...2013-09-01 16:45:52 · 259 阅读 · 0 评论 -
清除HTML之间的空白节点
HTML之间的空白节点,会影响HTML排版,清除空白节点除了在定代码时注意,也可以通过JS清除:为了重复利用,可以将它包装成一个函数: function removeWhitespace(element) { var elem = $$.Dom.getNode(element) || document, cur = elem.firstChild, tmp, reg ...2013-09-01 16:57:08 · 907 阅读 · 0 评论 -
批量删除Cookie
一般我们删除Cookie的话是指出Cookie名,然后把这个Cookie的expires设置为一个过去时间,但是如果网站有很多Cookie,但一个一个地清除的话是比较麻烦的,现在有了批量删除Cookie的方法,代码如下: function clearAllCookie() { //获取所有Cookie,并把它变成数组 var cookies = document.cookie...2012-08-13 09:51:27 · 136 阅读 · 0 评论 -
动态加载javascript增强版
我们经常使用动态加载Javascript,写个函数很容易现实,之前也写过一个函数,不过当加载多个JS时,只能根据浏览器返回的顺序来先后加载,这肯定不是我们想要的,现在使用了一下技巧,当加载多个JS时,能按照我们的顺序加载: /* Name:动态加载JS Author:kingwell Leng Date : 2013/4/21 E-mail: j...2013-04-21 10:25:38 · 101 阅读 · 0 评论 -
jQuery性能优化的28个建议 (转)
我一直在寻找有关jQuery性能优化方面的小窍门,能让我那臃肿的动态网页应用变得轻便些。找了很多文章后,我决定将最好最常用的一些优化性能的建议列出来。我也做了一个jQuery性能优化的简明样式表,你可以打印出来或者设为桌面背景。 一、选择器性能优化建议 1. 总是从#id选择器来继承 这是jQuery选择器的一条黄金法则。jQuery选择一个元素最快的方法就是用ID来选择...原创 2013-04-20 12:08:19 · 112 阅读 · 0 评论 -
Javascript跨域问题
最近公司的软件需要嵌入一个网页,但是需要在其它网站上读取数据,我试了读取不取,这应该是存在跨域问题,网上找了一个,利用可以解决这个问题。。。。。...2012-06-27 09:08:46 · 79 阅读 · 0 评论 -
模拟Window Alert弹出框 支持拖动以及ESC键盘退出
基本我自己封装的一些常用函数:KW.js /*Kingwell Javascript libraryAuthor:Jinhua.leng#gmail.comDate:2012-05-20*/(function () { if (!window.KW) { window.KW = {} } //命名空间 window.KW = { ...2012-06-28 11:16:34 · 162 阅读 · 0 评论 -
删除Array重复元素的方法
删除Array重复元素的方法: 像其它的语言一般都有标准方法,可Javascript天生就没有标准的方法,我们可以能过Prototype这个属性给Array添加一个我们自己的方法,使用的时候可以像使用toString() valueOf() ....等等一样,很实用,其实大家还可以添加其它的方法,比较Sting的去除首尾空格,去除HTML标签,我的Javascript库里有,喜欢的朋友...2012-06-29 10:33:41 · 103 阅读 · 0 评论 -
我自己的Javascript 库,封装了一些常用函数 Kingwell.js
现在Javascript库海量,流行的也多,比如jQuery,YUI等,虽然功能强大,但也是不万能的,功能不可能涉及方方面面,自己写一个的JS库是对这些的补充,很多也比较实用,把应用到项目中中去也比较方面,这也是对工作的一些积累,也加深对知识的理解。 2012-6-20更新,添加设置Cookie,获取Cookie,删除Cookie方法。很实用哦.......................2...2012-06-29 10:45:55 · 109 阅读 · 0 评论 -
javascript事件在IE和DOM浏览器的差异总结
1、事件处理函数在IE中:每个元素和windows对象都有两个方法:attachEvent()和detachEvent(),看名字就知道第一个是添加事件处理函数,第二个是移除。1 [object].attachEvent("name_of_event_handler","function_to_attach")2 [object].detachEvent("name_o...原创 2012-06-29 10:47:06 · 88 阅读 · 0 评论 -
IE6下Javascript的小问题,值得注意一下
最近在写Javascript,发现一个问题,IE6,IE7动不动就报错,无语,比如: var oObject = { name : "Kingwell", position : "Web front end engineers",} 这个在FireFox以及其它一些浏览器没问题,不会出错,但是在IE6,7 下报错,纠结了很久,发现是 “ , ”这个的原因...2012-06-29 17:18:26 · 88 阅读 · 0 评论 -
Jquery兼容性问题
Jquery是一个优秀的Javascrīpt框架,它改变了程序员的编程习惯,一个简单的操作执行复杂的功能,还有兼容性方面也做得很好,功能强大的没话说了,如果你没听过Jquery,那我就没话说了,呵呵。最近一个项目中要做一个拖动的功能,基于Jquer开发的,不过遇到一个问题,也可以说是兼容性的问题吧,我们让一个DIV居中,一般的做法是<div style="position:absol...2012-07-02 17:09:49 · 240 阅读 · 0 评论 -
动态加载Javascript
我们经常遇到需要动态加载JS,有时一个,有时候多个,每次都使用DOM很麻烦,现在可以把它封装起来,直接调用就可以了,而且设置一个状态,如果已经添加就不需要再次添加,代码如下: function loadJS(url){ var statu = true;//初始状态 var js=document.getElementsByTagName("script");...原创 2012-07-05 20:41:46 · 111 阅读 · 0 评论 -
Javascript实现多语言选择功能
Javascript实现多语言选择功能: function languageChoose() { //ID选择 var $ = function (id) { return document.getElementById(id) } //判断此页面是不有语言选项,有则执行下面的操作,避免出错。 if (!$("language")) { r...2012-07-10 14:56:23 · 527 阅读 · 0 评论 -
基于Jquery的模拟Select下拉菜单
我们都知道Select 通过CSS不好控制,大部分网站开发人员都使用Javascript+CSS来模拟: <div class="selectContainer"> <span class="selectOption gray">Please select aproduct</span> <ul ...2012-07-14 10:15:59 · 168 阅读 · 0 评论 -
给Jquery添加alert,prompt方法,类似系统的Alert,Prompt,可以响应键盘,支持拖动...
我们在调用系统的Alert,prompt的弹出提示时,不同的系统会有不同的提示框,视觉效果不统一,而且不好看,功能单一,现在我们通过Jquery模拟Alert,prompt,现实统一视觉效果,而且内容丰富的弹出提示。 Jquery可以扩展自己的功能,如果对Jquery开发插件不熟悉的人可以到官方网去看看文档,比较简单易懂。 /* * 本插件基于JQUERY...2012-07-14 11:25:34 · 233 阅读 · 0 评论 -
计算时间差
JS计算时间差 var t1 = new Date(2013,1,20,12,40,0); var t2 = new Date(2013,3,20,14,40,0); var t3 = t2.getTime() - t1.getTime(); ...2013-03-21 11:15:47 · 194 阅读 · 0 评论 -
HTML5 Web Storage
体验了一下HTML5在HTML5中,除了Canvas元素之外,另一个新增的非常 重要的功能就是可以在客户端本地保存数据的Web Storage功能,我们知道,在HTML4中可以使用Cookies在客户端保存诸如用户名等等简单的用户信息,但是长期的实际使用下来,人发现用 Cookie储存永久数据存在以下问题:大小:cookies的大小被限制在4K。带宽:cookies是随HTTP事务一起被...原创 2013-03-21 11:56:32 · 93 阅读 · 0 评论 -
封装JSONP
我们经常遇到JS 跨域的问题,跨域的解决方案有很多,JSONP是非常常用的跨域解决方案,这里封装了一下JSONP: function getJSONP(url, callback) { if (!url) { return; } var a = ['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', '...2013-04-01 13:06:33 · 142 阅读 · 0 评论 -
Backbone1.0.0数据验证的变化
0.5.3版本对Model数据验证时,绑定Error就可以了: (function(){ var Model = Backbone.Model.extend({ initialize : function(){ this.bind('error',function(model,...2014-07-10 09:48:06 · 141 阅读 · 0 评论