![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
HTML
文章平均质量分 81
kingwell2010
这个作者很懒,什么都没留下…
展开
-
模拟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 · 142 阅读 · 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 · 891 阅读 · 0 评论 -
kingwell Calendar V1.0 日历时间组件
项目中经常要使用日历时间插件,网上也有很多很优秀的插件,但是我还是喜欢使用自己写的东西,第一比较符合自己项目需要,第二,维护,修改比较内容,第 三,代码也比较少,第四,兼容各主流浏览器(IE6,7,8,9,10,FF,Chrome,Opera等)。最近写了个日历与时间选择插件,支持中英文 查看效果...2013-08-07 09:10:06 · 97 阅读 · 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 · 344 阅读 · 1 评论 -
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 · 108 阅读 · 0 评论 -
去掉IE10+input 文本后面“删除图标”与密码文本框后面“查看密码图标”
在最新的IE浏览器(IE10+)上使用表单时,文本框内后面会出现很丑的删除图标以及显示密码图标,如果你讨厌这个可以把它去掉,这两个是由IE私有属性控制: input::-ms-clear,input::-ms-reveal { display: none; /* For ie10+ */} ...2014-05-04 15:38:13 · 256 阅读 · 0 评论 -
HTML5实现全屏API【进入和退出全屏】
现在主流浏览器基本上实现了全屏效果,但是不同浏览器实现不一样:【进入和退出全屏】// Webkit (works in Safari5.1 and Chrome 15)element.webkitRequestFullScreen();document.webkitCancelFullScreen(); // Firefox 10+element.mozRequestFullScreen...2014-05-04 11:21:20 · 639 阅读 · 0 评论 -
前端开发工程师如何在2013年里提升自己【转】
大部分人非常在意个人在技术上的提升。但是保持对新技术的了解是一项不小的挑战, 毕竟我们需要的信息在数量上过于庞大。2012年里,伴随着前端发展的是大量的革命性突破和对前端的重新定义。我们在实践的路上飞速前进,具体的进步体现在使用抽象化,优秀的代码质量,维护性上的提升以及更好的性能。如果你实在忙到没有时间来跟上最新的技术,不用担心。随着假日的来临,我们就有了一些空闲的时间可以自己支配,我想...原创 2013-07-10 10:33:34 · 104 阅读 · 0 评论 -
CSS内联还是外联?
现在是一个推崇结构,表现,行为想分离的时代,最大的好处就是维护起来比较简单,方便,代码重用。把CSS,JS写在HTML里,就像一个大杂烩,很难理解,可读性差,文件大,维护起来非常麻烦。 但是CSS到底是内联还是外联呢?我们只要分析它的特点就不难得出答案。CSS内联:就是把CSS放在HTML Head里使用Style包围。<style type="text/css"><...2012-09-24 16:33:14 · 432 阅读 · 0 评论 -
写了一个打印信息的函数比Alert强大,类似Firebug中的console.table
有时候,特别是在Ajax请求返回数据时我们需要知道返回数据的结构,如果是Object,使用Alert是打印不出来的,使用Firebug中的 console 可以查看,我自己写了一个函数,有点像这个,有时候觉得使用console还不够直观,所以自己想办法写一个,不过现在支持的层级就三层,多了就不行了,多了就出现object。 if(!window.debug){ window.debug...2012-09-21 17:37:29 · 67 阅读 · 0 评论 -
HTML中label的两种使用方法
如果您在 label 元素内点击文本,就会触发此控件。就是说,当用户选择该标签时,浏览器就会自动将焦点转到和标签相关的表单控件上。 有两种使用方法: 方法1: <label for="userName">用户名:</label><input type="text" id="userName"/> 方法2:<la2012-09-07 09:10:58 · 736 阅读 · 0 评论 -
静态网页如何上传附件
最近一个项目,要在静态页面上上传附件(头像),如果是动态网页就比较好做,但是静态页面就要采用另外的解决方案,其中的一种方法就是使用iframe,<form action="服务器地址" target="uploadImage" method="post" enctype="multipart/form-data"><input type="file" /&am2012-09-06 17:00:59 · 1203 阅读 · 0 评论 -
Web前端开发之——表格高级排序(字符串,日期,整型,浮点型,以及图片等)...
在项目中,经常会碰表格排序,最近整理了一个表格排序包括字符串,日期,整型,浮点型,以及图片等高级排序,将服务器功能转移到前端实现,减轻了服务器压力,功能比较强大。 (function () { /** @ Author: Kingwell leng @ Date : 2012-8-22 @ Blog : http://kingwell-leng.ite...2012-08-22 11:46:25 · 131 阅读 · 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 · 122 阅读 · 0 评论 -
HTML5 Web Storage
体验了一下HTML5在HTML5中,除了Canvas元素之外,另一个新增的非常 重要的功能就是可以在客户端本地保存数据的Web Storage功能,我们知道,在HTML4中可以使用Cookies在客户端保存诸如用户名等等简单的用户信息,但是长期的实际使用下来,人发现用 Cookie储存永久数据存在以下问题:大小:cookies的大小被限制在4K。带宽:cookies是随HTTP事务一起被...原创 2013-03-21 11:56:32 · 77 阅读 · 0 评论 -
CSS实现箭头效果
有时候网页中使用箭头以增强效果,一般的做法是使用图片,今天我们使用CSSCSS来实现“箭头效果”,使用CSS我们必须兼容所有浏览器(IE6、7、8、9、10、+),Chrome,Firefox,Opear... <!doctype html><html lang="en"><head><meta charset="UTF-8">...2013-09-23 15:26:35 · 965 阅读 · 0 评论