javascript
文章平均质量分 65
axl234
这个作者很懒,什么都没留下…
展开
-
让所有IE支持HTML5的解决方案
使用和下载html5.js必须在页面head元素内调用(因为IE必须在元素解析前知道这个元素,所以这个js文件不能在页面底部调用。) 作者已经把js文件放在Google code project上并允许大家直接调用,当然,前提是你不在意调用额外的文件。http://html5shiv.googlecode.com/svn/trunk/html5.js 你可以使用IE条件注释来调用这...原创 2011-01-17 16:02:36 · 292 阅读 · 0 评论 -
标题栏新消息提示
具体实现代码如下:view sourceprint?01 var newMessageRemind={ 02 _step: 0, 03 _title: document.title, 04 _timer: null, 05 //显示新消息提示 06 show:function(){ 07 var temps = newMe...原创 2011-01-17 17:35:19 · 90 阅读 · 0 评论 -
文本域字符数判断
文本域字符数判断你还能输入140个字 document.getElementById("textArea").focus(); var chackTextarea = function(obj,num,objTip){ setInterval(function(){ var newvalue = obj.value.repl...原创 2011-01-17 17:37:19 · 138 阅读 · 0 评论 -
微博插入话题的效果实现
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><styl原创 2011-05-12 16:19:46 · 121 阅读 · 0 评论 -
js获得页面滚动高度最简洁的写法
var sh = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0;原创 2011-05-16 14:22:51 · 107 阅读 · 0 评论 -
Tangram Library
Tangram是一套简单可依赖的Javascript库,它的特点:体积小巧,性能优良,使用简单。 模块化架构,方便定制与扩展。 适合团队开发,丰富的中文文档和本地技术优化,适合中国用户。 多浏览器支持: IE6、7、8+ firfox3.x+ 遨游2.x+ opera 10.x chrome 4...原创 2011-08-16 10:52:18 · 58 阅读 · 0 评论 -
ueditor
轻量级 代码精简,加载迅速。 定制化 全新的分层理念,满足多元化的需求。采用三层架构:1. 核心层: 为命令层提供底层API,如range/selection/domUtils类。2. 命令插件层: 基于核心层开发command命令,命令之间相互独立。3. 界面层: 为命令层提供用户使用界面。满足不同层次用户的需求。 浏览器兼容 ...原创 2011-08-16 10:57:58 · 53 阅读 · 0 评论 -
修正事件的差异
修正事件的差异,针对IE和火狐:function fixEvent(evt){evt=evt||window; if(!evt.target){//IEevt.target=evt.srcElement;evt.layerX=evt.offsetX;evt.layerY=evt.offsetY;evt.stopPropagation=function(){thi...原创 2011-08-23 15:22:35 · 63 阅读 · 0 评论 -
获取浏览器可见区域的宽高,通用方法:
//以下的方法对于很多浏览器都适用 function windowHeight() { var windowHeight;//最后传出的值 if (self.innerHeight) { // 除了IE以外的浏览器 windowHeight = self.innerHeight; } else if ...原创 2010-10-27 17:44:07 · 146 阅读 · 0 评论 -
addClass和removeClass的js实现
function addClass(obj,className){ obj.className+=" "+className; return obj; } function removeClass(obj,className){ var s=obj.className.split(/\s+/);//使用空格为分隔符,把class连成数组 for(var i=0;i<s.leng...原创 2011-08-29 18:20:57 · 72 阅读 · 0 评论 -
js操作cookie
//创建cookiefunction createCookie(name,value,days){ if (days) { var date = new Date(); date.setTime(date.getTime()+(days*60*60*1000)); var expires = "; expires="+date.toGMTString(); } else var expire...原创 2011-09-04 17:11:26 · 68 阅读 · 0 评论 -
使用prototype原型和构造函数方式定义对象
//使用prototype原型和构造函数方式定义对象,使多个对象拥有独立的属性并公用同一个方法function Person(username,password){ this.username=username; this.password=password; }//使用prototype给Person添加方法Person.prototype.getInfo=function(){ alert(...原创 2011-09-07 11:18:56 · 117 阅读 · 0 评论 -
关于js的namespace定义和函数调用
无标题文档var GLOBAL={};(function () { GLOBAL.A = {} GLOBAL.A.na2 = "222222222"; GLOBAL.A.na1 = {}; GLOBAL.A.na1.name = "mimiiii" GLOBAL.A.na1.action = function...原创 2011-02-15 15:14:41 · 191 阅读 · 0 评论 -
新浪微博插入话题后部分文字选中的js实现
文字的选中功能是不太常用的功能,多出现在文本编辑器中,或是文本域之类的光标处理上。所以呢,使用的一些属性也并不是常见的。在IE浏览器下使用的是createTextRange而Firefox/chrome等现代浏览器下使用的是setSelectionRange。假设文本域对象的名称是obj,则在IE及非IE浏览器下实现指定文字选中的代码如下:IE浏览器下:var range = ...原创 2011-02-17 17:39:45 · 197 阅读 · 0 评论 -
js判断一个元素是否为另一个元素的子元素
用js判断一个元素是否为另一个元素的子元素,做一些效果的时候经常用到,特别是和鼠标事件相关的应用中,比如一个浮层,在鼠标操作浮层内元素的时候浮层显示,当点击浮层外的元素的时候隐藏浮层。当然方法有很多,不过个人认为通过判断一个元素是否为另一个元素的子元素是最简单的实现方式之一。jQuery方式写了比较简单的jQuery判断一个元素是否为另一个元素的子元素(或者其本身)的两个扩展:...原创 2011-06-10 14:44:57 · 942 阅读 · 0 评论 -
firefox与ie 的javascript区别
Document.form.item 问题现有问题:现有代码中存在许多 document.formName.item("itemName") 这样的语句,不能在 firefox下运行。解决方法:改用 document.formName.elements["elementName"]。集合类对象问题现有问题:现有代码中许多集合类对象取用时使用 (),IE 能接受,fire...原创 2011-09-23 15:09:00 · 57 阅读 · 0 评论 -
你必须知道的28个HTML5特征、窍门和技术
一、新的Doctype//zxx:”doctype”中文意思指“文档类型”仍在使用麻烦的,不可能记得住的XHTML文档类型?如果是,为什么还在用呢?使用新的HTML5文档类型代替吧。你会活得更久的——正如Douglas Quaid说的我就琢磨着,为了HTML5搞个这厮代码,您可能会对这段代码究竟靠不靠谱表示怀疑。不用担心,如今这是可行的,只有老的浏览器需要一...原创 2011-02-27 17:44:41 · 119 阅读 · 0 评论 -
IE6犯癫:引入js报错 和css文件不加载问题的解决方法
IE6测试页面的时候报错 显示缺少"}";原因是js文件中包含了中文的注释,把注释改成英文的,问题随之解决。 IE6有时候会不加载页面的部分css,也不是全部css都不加载,主要原因就是css文件中包含了中文注释,把注释改成英文的,问题马上解决。 ...2011-03-04 14:02:30 · 118 阅读 · 0 评论 -
jquery each实现选项卡
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> <sc原创 2011-09-27 17:39:01 · 99 阅读 · 0 评论 -
jquery each解析数组 json xml
jquery each解析数组: var arr = [ "one", "two", "three", "four"]; $.each(arr, function(){ alert(this); }); //上面这个each输出的结果分别为:one,two,three,four var arr1 = [[1, 4, 3], [4, 6, ...原创 2011-09-28 11:41:24 · 359 阅读 · 0 评论 -
jquery slice()详解
概述选取一个匹配的子集与原来的slice方法类似参数startInteger开始选取子集的位置。第一个元素是0.如果是负数,则可以从集合的尾部开始选起。end (可选)Integer结束选取自己的位置,如果不指定,则就是本身的结尾。示例描述:选择第一个p元素HTML 代码:<p>Hello</...原创 2011-10-09 10:59:39 · 137 阅读 · 0 评论 -
成功的前端开发人员
首先就是熟悉HTML,掌握W3C的标准,要学就得学最规范的标准。浏览器最少也要了解四五种,如IE、Firefox、Chrome等。样式也得掌握,以CSS2为主,多看看欧美牛人的风格DIV布局,特简约的那种。可用性也很重要,甭管有事没事总把用户放在心里,再买本工艺美术理论方面的书,有事没事就翻翻,设计个按钮就得花个七八天的时间。交互更重要,现在不是Ajax,就是RIA的,你要是用alert弹框啊,你...原创 2011-10-12 11:25:52 · 83 阅读 · 0 评论 -
IE6下jquery js将图片写入html图片不显示的问题
图片html已经插入到页面中,但是图片没有显示,IE7,火狐等浏览器都正常,要右键-“显示图片”,图片才显示,很奇怪的。这是IE6 一个底层机制的bug,是<a href="javascript:void(0)">或者<a href=#">这样使用a标签的话并不能阻止a标签最后触发一个什么行为,导致ie6会错误的认为页面刷新或者重定向了,并且中断了当前所有连接,这样新图...原创 2011-10-14 10:56:21 · 150 阅读 · 0 评论 -
关于IE6下背景图片固定定位不起作用失效的原因
要写一个空间代码,实现的效果之一就是背景图片固定在页面上,不随浏览器滚动而滚动,但是却遇到了一个问题,就是IE6下背景图片固定不起作用了(IE7,firefox火狐浏览器等都可实现背景固定)。这是很奇怪的,以前用同样的代码是一点问题都没有的,这次为何不行呢?待我慢慢叙来……使背景图片固定代码如下:body{background:url(xx.jpg) fixed 50% 50%;}...原创 2011-10-14 11:19:35 · 191 阅读 · 0 评论 -
发布表情的预览显示效果
css :.codeBox .codeBody { width:486px; height:175px; border-width:0 1px 1px 1px; border-style:solid; border-color:#dfe6f6; clear:both; padding-top:3px; background:#ffffff; position:relative;}.codeB...2011-10-14 15:22:54 · 95 阅读 · 0 评论 -
浏览器的加载与页面性能优化
本文将探讨浏览器渲染的loading过程,主要有2个目的: 了解浏览器在loading过程中的实现细节,具体都做了什么 研究如何根据浏览器的实现原理进行优化,提升页面响应速度 由于loading和parsing是相互交织、错综复杂的,这里面有大量的知识点,为了避免过于发散本文将不会对每个细节都深入研究,而是将重点放在开发中容易控制的部分(Web前端和Web Server),同时由于...原创 2011-07-24 20:43:45 · 62 阅读 · 0 评论 -
DOM对象的常用方法
DOM结构——两个节点之间可能存在哪些关系以及如何在节点之间任意移动? document.documentElement 返回文档的根节点<html> document.body <body> document.activeElement 返回当前文档中被击活的标签节点(IE) event.fromEle...原创 2011-10-20 15:52:19 · 72 阅读 · 0 评论 -
js性能测试方法
var start=(new date()).getTime();要执行的js部分 var end=(new date()).getTime();alert(start-end) 变量定义的顺序不能改变2011-08-09 17:05:39 · 98 阅读 · 0 评论 -
autoTextarea-文本框根据输入内容自适应高度
<!DOCTYPE html><html><head><meta charset="utf-8" /><title></title><link rel="stylesheet" href="../css/demo.css" type="text/css&quo原创 2011-08-11 15:48:21 · 155 阅读 · 0 评论 -
clip:rect下sprite图片定位和png通道透明
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta h原创 2011-04-08 10:21:14 · 76 阅读 · 0 评论 -
新浪微博大厅和腾讯微博首页滚动效果
新浪微博未登录首页有一个“大家正在说”的模块,动态滚动最新发布的微博。从需求上来说,这个功能需要实时调用最新的微博数据,单就前端开发来说,其需求可以拆分如下:1 内容持续滚动;2 新微博将下面的微博先推下去,然后淡入进来;3 鼠标经过内容暂停滚动;4 容器底部渐变消失在背景色下。上述4个需求之中,需求1-3为js技术实现,需求4为css技术实现,下面逐个需求来讲。需求...原创 2011-12-19 10:20:30 · 163 阅读 · 0 评论 -
JavaScript验证身份证号码的真实性
<head><title>身份证号码验证</title><script type=”text/javascript”>var vcity={ 11:”北京”,12:”天津”,13:”河北”,14:”山西”,15:”内蒙古”,21:”辽宁”,22:”吉林”,23:”黑龙江”,31:”上海”,32:”江苏”,33:”浙江”,34:”安徽”,35:”福建...原创 2011-12-19 10:40:19 · 98 阅读 · 0 评论 -
js页面文字选中后分享到新浪微博实现
一、功能简述正是微博如火如荼的时节,其中各个微博的分享功能是网站推广产品的好东东啊,此时如何方便快捷的使用微博的分享功能就显得比较重要了。我的站点每篇文章的底部有一些分享的链接:不过我觉得这些分享基本上就是聋子的耳朵——摆设。除非这篇文章惊天地、泣鬼神,痛彻心扉,穿越前世今生。但是,如果有更加方便快捷的分享方式,这种冷淡得让人结冰的场面或许就不会经常出现。一般翻译软件都有划词翻译功能,...原创 2011-12-20 15:39:18 · 88 阅读 · 0 评论 -
jQuery信息提示插件 - Poshy Tip
jQuery 自从出现以来,以其简洁灵活的编程模式迅速流行于世,而且拥有相当多的封装良好的插件。Poshy Tip 就是一款界面友好、功能齐全的jQuery Tooltip信息提示插件。 Poshy Tip是一个相当给力的jQuery信息提示插件,可以创建多种样式的信息提示框。它支持异步调用服务器端的数据并呈现在提示框中。此插件的定制性也很强,提供了多种属性和方法,你可以设置提示框的...原创 2011-12-26 14:50:45 · 212 阅读 · 0 评论 -
设置样式方法setStyle
这个setStyle方法确实避免了mydiv.style.xxx这种写法大量重复的代码,确实代码简洁了不少,也很直观,但是这里还有一个问题,如果设置的样式一多,重复操作DOM无法避免,销毁原样式并重建都会增加浏览器的开销。我们可以先生成一个样式字符串,再一次性设置样式,这样可以尽量避免页面reflow。例如://类型判断var Typ...原创 2011-12-27 11:27:55 · 2601 阅读 · 0 评论 -
javascript高级应用
//各种尺寸 s += "\r\n网页可见区域宽:"+ document.body.clientWidth; s += "\r\n网页可见区域高:"+ document.body.clientHeight; s += "\r\n网页可见区域高:"+ document.body.offsetWeight +" (包括边线的宽)"; s += "\r\n网页可见区...原创 2012-04-26 15:21:54 · 115 阅读 · 0 评论 -
jquery ajax发送json数据并接收json进行遍历
页面代码:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><原创 2012-05-03 14:58:22 · 93 阅读 · 0 评论 -
jquery map方法的应用
map() 把每个元素通过函数传递到当前匹配集合中,生成包含返回值的新的 jQuery 对象。由于返回值是 jQuery 封装的数组,使用 get() 来处理返回的对象以得到基础的数组。 我们能够获得复选框 ID 组成的逗号分隔的列表:$(':checkbox').map(function() { return this.id;}).get().join(',');将原数组中...原创 2012-05-04 10:15:03 · 116 阅读 · 0 评论 -
jquery ui实现拖动排序
解决了横向拖动产生错位的问题,原因是拖动时会给ul添加一个class=hFinderCategoryFilePlaceholder的li,需要把它指定为float并添加宽高,另外拖动完成要去掉hFinderCategoryFileSelected这个class <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "h...原创 2012-05-08 11:14:19 · 127 阅读 · 0 评论 -
输入框的文字限制字数,用微软拼音输入内容会被清空或者部分清空
对输入框的文字限制字数,用微软拼音输入输入的时候,只要一达到输入限制,就跳出"字数不能超过57" ,这时,问题出现了,前面输入的内容会被清空或者部分清空<script language="javascript">function gbcount(message,total,used,remain){ var max; max = total.value; if(message...2011-11-07 17:12:07 · 433 阅读 · 0 评论