史上自定义 JavaScript 函数Top 10

史上自定义 JavaScript 函数Top 10

http://www.dustindiaz.com/top-ten-javascript/

发布:wpulog | 发布时间: 2010年4月9日

10个被使用的最普遍的用户自定义函数,addEvent(),addLoadEvent(),getElementsByClass(),getCookie(),setCookie(), deleteCookie()等。

10) addEvent()

function addEvent(elm, evType, fn, useCapture) {

if (elm.addEventListener) {

elm.addEventListener(evType, fn, useCapture);

return true;

}

else if (elm.attachEvent) {

var r = elm.attachEvent(‘on‘ + evType, fn);

return r;

}

else {

elm[‘on‘ + evType] = fn;

}

}

9) addLoadEvent()

addLoadEvent() by Simon Willison

function addLoadEvent(func) {

var oldonload = window.onload;

if (typeof window.onload != ‘function‘) {

window.onload = func;

}

else {

window.onload = function() {

oldonload();

func();

}

}

}

8)getElementsByClass

function getElementsByClass(searchClass,node,tag) {

var classElements = new Array();

if ( node == null )

node = document;

if ( tag == null )

tag = ‘*‘;

var els = node.getElementsByTagName(tag);

var elsLen = els.length;

var pattern = new RegExp(‘(^|\\\\s)‘+searchClass+‘(\\\\s|$)‘);

for (i = 0, j = 0; i < elsLen; i++) {

if ( pattern.test(els[i].className) ) {

classElements[j] = els[i];

j++;

}

}

return classElements;

}

7) cssQuery()

cssQuery官方网址

6) toggle()

toggle() by the masses

function toggle(obj) {

var el = document.getElementById(obj);

if ( el.style.display != ‘none‘ ) {

el.style.display = ‘none‘;

}

else {

el.style.display = ‘‘;

}

}

5) insertAfter()

insertAfter() on public domain

function insertAfter(parent, node, referenceNode) {

parent.insertBefore(node, referenceNode.nextSibling);

}

4) inArray()

Array.prototype.inArray = function (value) {

var i;

for (i=0; i < this.length; i++) {

if (this[i] === value) {

return true;

}

}

return false;

};

3, 2, & 1) getCookie(), setCookie(), deleteCookie()

function getCookie( name ) {

var start = document.cookie.indexOf( name + "=" );

var len = start + name.length + 1;

if ( ( !start ) && ( name != document.cookie.substring( 0, name.length ) ) ) {

return null;

}

if ( start == -1 ) return null;

var end = document.cookie.indexOf( ‘;‘, len );

if ( end == -1 ) end = document.cookie.length;

return unescape( document.cookie.substring( len, end ) );

}

function setCookie( name, value, expires, path, domain, secure ) {

var today = new Date();

today.setTime( today.getTime() );

if ( expires ) {

expires = expires * 1000 * 60 * 60 * 24;

}

var expires_date = new Date( today.getTime() + (expires) );

document.cookie = name+‘=‘+escape( value ) +

( ( expires ) ? ‘;expires=‘+expires_date.toGMTString() : ‘‘ ) + //expires.toGMTString()

( ( path ) ? ‘;path=‘ + path : ‘‘ ) +

( ( domain ) ? ‘;domain=‘ + domain : ‘‘ ) +

( ( secure ) ? ‘;secure‘ : ‘‘ );

}

function deleteCookie( name, path, domain ) {

if ( getCookie( name ) ) document.cookie = name + ‘=‘ +

( ( path ) ? ‘;path=‘ + path : ‘‘) +

( ( domain ) ? ‘;domain=‘ + domain : ‘‘ ) +

‘;expires=Thu, 01-Jan-1970 00:00:01 GMT‘;

}

英文原文网址

出自:BugZone - http://www.pulog.org/code/230/javascript-functions/

转载必须注明!

相关文章:

XSS vector - 利用纯文本标签进行标记混淆(躲避过滤器)

XSS vector - 通过 onscroll autofocus执行javascript

XSS 攻击向量(vector) - formaction

Javascript 延迟函数调用

javascript 数字格式化代码

javascript COOKIE操作函数

javascript RGB颜色值转换为16进制颜色值

javascript计算页面加载时间

史上自定义 JavaScript 函数Top 10,布布扣,bubuko.com

时间: 2024-10-10 06:42:56

史上自定义 JavaScript 函数Top 10的相关文章

ashx ajax 与 自定义javascript函数

1.getUserPower为自定义javascript函数 获取权限  (1).ashx 处理程序的相对地址(必须是相对地址)  (2).au 权限名称  (3).classname 类名  (4).funsuccess 成功时做的事,函数. */ $.fn.getUserPower = function (operate, mdlName, funsuccess) { $(this).click(function (event) { if (cookie == "admin") {

第十七篇:复制控制( 上 ) --- 自定义复制函数

前言 若要将a对象复制给b对象,编译器应当做何工作?C++初学者也许会直接说” a对象的成员复制给b对象的成员 “.在很多情况下,这种说法正确,事实上C++会给类定义一个默认的复制函数,它所做的工作也正是如此.但,下面问题来了:如果类的成员当中有指针,这种做法还行吗?本文将对这个问题作出实例分析. 一个典型错误示例 下面这个代码示例用来检验前言中所提到的问题: 1 #include <iostream> 2 #include <cstdlib> 3 #include <fst

史上最全面的SignalR系列教程-目录汇总

1.引言 最遗憾的不是把理想丢在路上,而是理想从未上路. 每一个将想法变成现实的人,都值得称赞和学习. 致正在奔跑的您! 2.SignalR介绍 SignalR实现服务器与客户端的实时通信 ,她是一个面向 ASP.NET 开发人员的库,可简化将实时 web 功能添加到应用程序的过程. 实时 web 功能是让服务器代码将内容推送到连接的客户端立即可用,而不是让服务器等待客户端请求新数据的能力. 3.百度百科给它的定义 实现实时通信. 什么是实时通信的Web呢?就是让客户端(Web页面)和服务器端可

史上最全、JavaScript基础篇

索宁 Hot summer nights mid July, when you and  I were forever wild. 首页 新随笔 联系 管理 随笔 - 12  文章 - 5  评论 - 19 史上最全.JavaScript基础篇 本章内容: 简介 定义 注释 引入文件 变量 运算符 算术运算符 比较运算符 逻辑运算符 数据类型 数字 字符串 布尔类型 数组 Math 语句 条件语句(if.switch) 循环语句(for.for in.while.do-while) label语

史上最清晰的JavaScript的原型讲解

一说起JavaScript就要谈的几个问题,原型就是其中的一个.说了句大话,史上最清晰.本来是想按照大纲式的行文写一下,但写到后边感觉其实就一个概念,没有什么条理性,所以下面就简单按照概念解释的模式谈下这个问题. 1.JavaScript的原型是什么? 原型,首先他是个对象.和在以对象为核心的JavaScript这门语言中的其他普通对象来说一样,只不过他的角色有点特殊.但首先要明白他就是一个对象,是一个无序的属性和值的序列对. 2.谁会具有原型这个对象? 所有的对象(包括函数这个对象)在默认的情

把多个JavaScript函数绑定到onload事件处理函数上的技巧

一,onload事件发生条件 用户进入页面且页面所有元素都加载完毕.如果在页面的初始位置添加一个JavaScript函数,由于文档没有加载完毕,DOM不完整,可能导致函数执行错误或者达不到我们想要的效果. 二,绑定多个函数到onload事件上 1,先展示一个错误的做法 1 window.onload = firstFunction; 2 window.onload = secondFunction; 实际执行过程中,只有最后一个函数被执行,因为每个事件处理函数只能绑定一条指令. 2,使用一个匿名

史上最全的php函数大全

定义了一下方法,具体用法可查百度 usleep() 函数延迟代码执行若干微秒.unpack() 函数从二进制字符串对数据进行解包.uniqid() 函数基于以微秒计的当前时间,生成一个唯一的 ID.time_sleep_until() 函数延迟代码执行直到指定的时间.time_nanosleep() 函数延迟代码执行若干秒和纳秒.sleep() 函数延迟代码执行若干秒.show_source() 函数对文件进行语法高亮显示.strip_whitespace() 函数返回已删除 PHP 注释以及空

史上最牛逼的javascript俄罗斯方块,63行代码搞定啊

<!doctype html><html><head></head><body> <div id="box" style="width:252px;font:25px/25px 宋体;background:#000;color:#9f9;border:#999 20px ridge;text-shadow:2px 3px 1px #0f0;"></div> <script>

强烈推荐:Android史上最强大的自定义任务软件Tasker

强烈推荐:Android史上最强大的自定义任务软件Taskerhttp://bbs.mumayi.com/thread-28387-1-1.html(出处: 木蚂蚁手机乐园) Android上的Tasker绝对称得上是Android系统的神器之一,与Auto Memory Manager不同,Tasker不是加速型的软件,而是系统增强型的软件,由于有众多系统状态可控制,故使得Tasker一跃成为Android系统中最闪亮的明星.但Tasker也无疑是最难使用的软件,由于可以控制的地方太多,反而让