![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
javascript
文章平均质量分 64
iteye_15118
这个作者很懒,什么都没留下…
展开
-
javascript小技巧
事件源对象 event.srcElement.tagName event.srcElement.type 捕获释放 event.srcElement.setCapture(); event.srcElement.releaseCapture(); 事件按键 event.keyCode event.shiftKey event.altKey event....原创 2010-10-28 16:33:47 · 84 阅读 · 0 评论 -
js 与或运算符 || && 妙用
首先出个题:如图: 假设对成长速度显示规定如下: 成长速度为5显示1个箭头; 成长速度为10显示2个箭头; 成长速度为12显示3个箭头; 成长速度为15显示4个箭头; 其他都显示都显示0各箭头。 用代码怎么实现? 差一点的if,else: Js代码 复制代码 代码如下:var add_level = 0; if(add_step == 5){ add_level = 1; } else i...原创 2011-12-06 17:19:25 · 71 阅读 · 0 评论 -
jquery validate自定义验证方法(转)
// 身份证号码验证 jQuery.validator.addMethod("idcardno", function(value, element) { return this.optional(element) || isIdCardNo(value); }, "请正确输入身份证号码"); //字母数字 jQuery.validator.addMethod("alnum",...原创 2012-03-30 10:55:26 · 96 阅读 · 0 评论 -
网页常用特效整理
1.节日倒计时 <Script Language="javascript"> var timedate= new Date("October 1,2002"); var times="国庆节"; var now = new Date(); var date = timedate.getTime() - now.getTime(); var time = Math.fl...原创 2012-04-21 17:37:05 · 85 阅读 · 0 评论 -
Js中sort()方法的用法
关键字: sort, 排序方法sort(sortfunction)为javascript的数组对象(Array)的一个方法,提供排序功能 参数 sortFunction 为可选项,是用来确定排序原则的js函数, 这个函数有两个参数,分别代表每次排序比较时的两个数组项, 如果这个函数的返回值小于0 则不交换原数组中元素的位置,否则交换原数组中元素的位置。 如果这个参数被省略, 那么元素...原创 2012-10-12 11:25:04 · 70 阅读 · 0 评论 -
javascript两行代码按指定格式输出日期时间
// <summary>// 格式化显示日期时间// </summary>// <param name="x">待显示的日期时间,例如new Date()</param>// <param name="y">需要显示的格式,例如yyyy-MM-dd hh:mm:ss</param>function da原创 2014-05-11 14:33:13 · 146 阅读 · 0 评论 -
JS OffsetParent属性
offsetParent属性返回一个对象的引用,这个对象 是距离调用offsetParent的元素最近的(在包含层次中最靠近的),并且是已进行过CSS定位的容器元素。 如果这个容器元素未进行CSS定位, 则offsetParent属性的取值为根元素(在标准兼容模式下为html元素;在怪异呈现模式下为body元素)的引用。 当容器元素的style.display 被设置为 "none"时(译注...原创 2014-06-14 11:12:33 · 124 阅读 · 0 评论 -
js中style,currentStyle和getComputedStyle的区别
<style>body{margin:0 auto;text-align:center;}div{position:relative;left:10px;}</style><div id="pic1"><img src="http://pic1.xihuan.me/edr/196__/t02362982432fa1b14e.jpg...原创 2014-07-13 09:51:55 · 96 阅读 · 0 评论 -
JavaScript中双叹号“!!”作用
经常看到这样的例子:var a;var b=!!a;a默认是undefined。!a是true,!!a则是false,所以b的值是false,而不再是undefined,也非其它值,主要是为后续判断提供便利。!!一般用来将后面的表达式强制转换为布尔类型的数据(boolean),也就是只能是true或者false;因为javascript是弱类型的语言(变量没有固定的数据类型)所以有时...原创 2014-07-25 23:20:16 · 82 阅读 · 0 评论 -
浏览器缓存机制
浏览器缓存机制,其实主要就是HTTP协议定义的缓存机制(如: Expires; Cache-control等)。但是也有非HTTP协议定义的缓存机制,如使用HTML Meta 标签,Web开发者可以在HTML页面的<head>节点中加入<meta>标签,代码如下:html code<META HTTP-EQUIV="Pragma" C...原创 2014-07-26 13:19:23 · 78 阅读 · 0 评论 -
窗口大小 window.innerWidth 、window.innerHeight、document.documentElement.clientWidth、
/ Firefox、Chrome、Safari、Opera 支持 ; window.innerWidth 没有减去右边下拉条var pageWidth = window.innerWidth,pageHeight = window.innerHeight; //IE、Firefox、Chrome、Safari、Opera 支持 ;if(typeof pageWidth !=...原创 2014-07-27 09:52:23 · 771 阅读 · 0 评论 -
值得收藏的新jQuery插件
1) slideshowReally Simple Slideshow是一个用于创建各种幻灯图片的jQuery插件。这款插件可以将任何图片转换到幻灯片列表中,并可以为每个幻灯显示字幕,包括它们的链接和多种过渡效果。2) trunk8trunk8是一个智能的文本截断jQuery插件。当碰到一个大的文本块,trunk8将切断足够的文本,以防止其溢出。3) Animated...原创 2014-09-25 22:39:56 · 96 阅读 · 0 评论 -
jquery 控制能输入数字和字母
内容",而"禁用输入法,获取剪切板的内容"只能在IE浏览器下才有效,对于别的浏览器是无效的,因此这三个方法只适合在IE浏览器下使用才有效,三个方法的代码如下一、限制只能输入数字 1 // ---------------------------------------------------------------------- 2 // <summary> ...原创 2014-10-18 15:37:41 · 172 阅读 · 0 评论 -
深入理解jQuery插件开发
如果你看到这篇文章,我确信你毫无疑问会认为jQuery是一个使用简便的库。jQuery可能使用起来很简单,但是它仍然有一些奇怪的地方,对它基本功能和概念不熟悉的人可能会难以掌握。但是不用担心,我下面已经把代码划分成小部分,做了一个简单的指导。那些语法看起来可能过于复杂,但是如果进入到它的思想和模式中,它是非常简单易懂的。下面,我们有了一个插件的基本层次:1234...原创 2014-11-01 12:17:25 · 95 阅读 · 0 评论 -
js constructor属性
constructor属性始终指向创建当前对象的构造函数。比如下面例子:var arr = [1, 56, 34, 12]; // 等价于 var foo = new Array(1, 56, 34, 12);document.writeln(arr.constructor === Array);// true 在看下面的例子 var foo = new Function()...原创 2011-12-01 14:41:15 · 137 阅读 · 0 评论 -
js 获取css 样式
<!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><原创 2011-12-01 14:38:00 · 65 阅读 · 0 评论 -
document.documentElement和document.body的区别
网页中获取滚动条卷去部分的高度,可以通过 document.body.scrollTop 来获取,比如使div跟着滚动条滚动:<div id="div" style="width:100px;height:100px;background:#ccc;position:absolute;"></div>window.onscroll = function ()...原创 2012-03-13 12:00:03 · 68 阅读 · 0 评论 -
IE6、7、8、ff用JS关闭窗口不提示
一、IE6<script> window.opener=null; window.close(); </script> 二、IE7<script> window.open('','_self'); window.close(); </script> 三、IE6、IE7、IE8、Firefox通用...原创 2011-12-13 09:29:01 · 89 阅读 · 0 评论 -
JavaScript对象模型-执行模型
数据类型基本数据类型基本数据类型是JS语言最底层的实现。简单数值类型: 有Undefined, Null, Boolean, Number和String。注意,描述中的英文单词在这里仅指数据类型的名称,并不特指JS的全局对象N an, Boolean, Number, String等,它们在概念上的区别是比较大的。对象: 一个无序属性的集合,这些属性的值为简单数值类型、对象或者函数。同上,这里的...原创 2011-12-29 20:03:34 · 72 阅读 · 0 评论 -
JavaScript窗体大小
网页可见区域宽:document.body.clientWidth 网页可见区域高:document.body.clientHeight 网页可见区域宽:document.body.offsetWidth (包括边线的宽) 网页可见区域高:document.body.offsetHeight (包括边线的宽) 网页正文全文宽:document.body.scrollWidth 网页正文全文高:...原创 2011-09-07 16:12:16 · 83 阅读 · 0 评论 -
js去掉重复数据
<!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>&原创 2010-12-23 21:48:23 · 101 阅读 · 0 评论 -
js收藏本站和设为首页代码 兼容IE和火狐
这个收藏本站、设为首页代码相信每个网站都会用到,这么常用的代码,网络上流行的一般是很多年前的代码版本,只有兼容IE,对其它浏览器没有考虑,下面的代码可以很好的兼容firefox(FF)和IE加入收藏javascript代码function addCookie(){ if (document.all){ window.external.addFavorite('htt...原创 2012-01-16 10:32:01 · 119 阅读 · 0 评论 -
在JavaScript开发中,被人问到:null与undefined到底有啥区别?
在JavaScript开发中,被人问到:null与undefined到底有啥区别?一时间不好回答,特别是undefined,因为这涉及到undefined的实现原理。于是,细想之后,写下本文,请各位大侠拍砖。总所周知:null == undefined但是:null !== undefined 那么这两者到底有啥区别呢?请听俺娓娓道来...null这是一个对象,但是...原创 2012-01-16 10:54:12 · 82 阅读 · 0 评论 -
所谓的javascript高级技巧
Js学的也差不多了,该是来总结一下Js中一些比较高级的智慧结晶了。基于Js的动态性、对象都是易变的、函数是第一对象等等其他语言所不包含的特性,可以在使用Js的时候创造出更高效、组织性更好的代码。下面提到的一些概念,是不是很熟悉: 分支、惰性实例化、惰性载入函数、单例的两种模式、享元类、函数绑定(纠正函数一个执行上下文)、函数curry化、高级定时器、保护上下文的构造函数、函数节流、自定...原创 2012-01-18 11:39:50 · 79 阅读 · 0 评论 -
javascript操作Select标记中options集合
先来看看options集合的这几个方法:options.add(option)方法向集合里添加一项option对象;options.remove(index)方法移除options集合中的指定项;options(index)或options.item(index)可以通过索引获取options集合的指定项;javascript代码如下:var selectTag = n...原创 2012-03-04 22:36:54 · 68 阅读 · 0 评论 -
网站优化之Ajax优化及相关工具
web2.0大量的ajax的使用,提高了ui交互的效率,但是过度的滥用会带来不少的问题。ajax使用注意事项:1 尽量避免使用同步ajax调用。在一些登录的场合常常使用同步调用服务器的登录接口。同步调用,需要将页面上的所有元素给锁定住,代价高昂。2 ajax调用时多使用超时设置,目前许多ajax框架如jquery都会提供超时参数的设置。利用超时,可以很好的完善ui的交互,同...原创 2012-03-08 09:56:15 · 99 阅读 · 0 评论 -
IE内存泄露监测工具 sIEve介绍
在IE下监控页面内存资源和dom节点(sIEve软件使用简介)先注明一下: 这篇文章只是讲解 在IE下如何利用 sIEve(一个drip的加强版) 来发现 内存泄露和内存回收问题, 而不是讲解关于 IE的内存管理和内存泄露原理的文章. 关于IE的内存管理和内存泄露的更多知识还麻烦大家自行google了. sIEve 是 一个帮助我们查看ie浏览器(他本身基于操作系统安装的ie内核)内存的使...原创 2012-03-08 10:23:14 · 399 阅读 · 0 评论 -
关于scrolltop 兼容 IE6/7/8, Safari,FF的方法
1、各浏览器下 scrollTop的差异IE6/7/8:对于没有doctype声明的页面里可以使用 document.body.scrollTop 来获取 scrollTop高度 ;对于有doctype声明的页面则可以使用 document.documentElement.scrollTop ;Safari:safari 比较特别,有自己获取scrollTop的函数 : window....原创 2012-03-13 11:57:36 · 73 阅读 · 0 评论 -
js库建设方案
前言:自从互联网诞生之日起,JavaScript就成为统治web前端开发的通用语言,并在web开发人员群体中得到了广泛使用。JavaScript 被数百万计的网页用来改进设计、验证表单、检测浏览器、创建cookies,以及更多的应用。一套完整的BS模式系统界面解决方案。包括十余种不同结构的主页、各种常用的导航与布局模板、丰富的组件、特效和完备的CSS样式库等等,并有多种皮肤样式可供选择...原创 2012-03-13 11:58:07 · 91 阅读 · 0 评论 -
document.compatMode属性
document.compatMode用来判断当前浏览器采用的渲染方式。官方解释:BackCompat:标准兼容模式关闭。CSS1Compat:标准兼容模式开启。当document.compatMode等于BackCompat时,浏览器客户区宽度是document.body.clientWidth;当document.compatMode等于CSS1Compat时,浏览器客户区宽度...原创 2012-03-13 11:58:43 · 64 阅读 · 0 评论 -
Array.prototype.slice.call
在研究某个框架源码的时候,看到的。查了下资料,1.两个部分,一个是String.slice()slice( ) returns a string containing a slice, or substring, of string. It does not modify string。slice()返回一个子片段,对原先的string没有影响,还可以用负数当参数。Example:...原创 2014-11-01 15:18:34 · 72 阅读 · 0 评论