js
文章平均质量分 53
billfeller
https://github.com/billfeller
展开
-
escape,encodeURI,encodeURIComponent比较
转自:http://www.cnblogs.com/s1ihome/archive/2008/05/06/1184254.htmljs对文字进行编码涉及3个函数:escape,encodeURI,encodeURIComponent,相应3个解码函数:unescape,decodeURI,decodeURIComponent1、 传递参数时需要使用encodeURICompon转载 2012-02-03 20:30:26 · 441 阅读 · 0 评论 -
理解JavaScript的caller,callee,call,apply
转自:http://www.ijavascript.cn/jiaocheng/caller-callee-call-apply-464.html首先想说说javascript中函数的隐含参数:argumentsArguments该对象代表正在执行的函数和调用它的函数的参数。[function.]arguments[n]参数function :选项。当前正在执行的 Functio转载 2012-02-01 10:03:34 · 451 阅读 · 0 评论 -
jQuery this揭秘
jQuery this揭秘this是什么?原文:http://remysharp.com/2007/04/12/jquerys-this-demystified/In many object-oriented programming languages, this (or self) is a keyword which can be use翻译 2011-12-27 11:26:52 · 742 阅读 · 0 评论 -
JavaScript. The core.
转载:http://ued.ctrip.com/blog/?p=2795最近读到了一篇JavaScript的文章,觉得不错。原本的中文翻译又404,所以我开始边读边翻译。这篇主要就是介绍js里面的一些非常基本但是又很重要的概念。原文地址:http://dmitrysoshnikov.com/ecmascript/javascript-the-core/翻译备注:因为有些英文转载 2011-12-24 19:53:48 · 719 阅读 · 0 评论 -
window.parent和window.opener区别
转自:http://www.111cn.net/wy/99/f046d20386b748218a96b0a3bfc45f3b.htm下面一段代码是关于window.parent和window.opener区别 来讲的,我们如果要用到iframe的值传到另一框架就要用到window.opener.document.getElementById(name).value = uval转载 2011-12-24 18:33:36 · 528 阅读 · 0 评论 -
删除父结点
最新客户端应用 快来下载吧!onclick="this.parentNode.remove();">原创 2011-12-10 17:13:14 · 583 阅读 · 0 评论 -
Input的特殊事件onpopertychange和oninput
转载:http://www.cnitblog.com/flashlizi/archive/2007/11/13/36226.html在很多情况下,我们需要监测输入框,比如自动提示等。我们熟知的一些input的按键事件并不能满足我们的需求,特别是在输入法开启的状态下,三个浏览器的具体问题如下:IE:触发keydown和keyup,不触发keypress。能够获得输入值。Firefox::转载 2011-12-05 18:34:07 · 552 阅读 · 0 评论 -
利用location.hash实现跨域iframe自适应高宽
转载:http://ued.alimama.com/front-end/use-location-hash-to-auto-sizing/页面域关系:主页面a.html所属域A:www.taobao.com被iframe的页面b.html所属域B:www.alimama.com,假设地址:http://www.alimama.com/b.html实现效果:A域名下的页面a.ht转载 2012-02-27 16:50:02 · 545 阅读 · 0 评论 -
Javascript作用域原理
Javascript作用域原理作者: Laruence本文地址: http://www.laruence.com/2009/05/28/863.html转载请注明出处问题的提出首先看一个例子:var name = 'laruence';function echo() { alert(name); var name = 'eve'; alert转载 2012-02-28 21:14:42 · 507 阅读 · 0 评论 -
document.cookie
SummaryGet and set the cookies associated with the current document.SyntaxallCookies = document.cookie;allCookies is a string containing a semicolon-separated list of cookies (i.e转载 2012-03-05 10:46:45 · 734 阅读 · 0 评论 -
javascript: Cookie操作类
源自:http://techpatterns.com/downloads/javascript_cookies.php/*Script Name: Javascript Cookie ScriptAuthor: Public Domain, with some modificationsScript Source URI: http://techpatterns.com/download转载 2012-03-05 10:37:17 · 419 阅读 · 0 评论 -
关于document.cookie的使用
关于document.cookie的使用转自:http://wenku.baidu.com/view/e2b337320b4c2e3f572763b5.html设置cookie 每个cookie都是一个名/值对,可以把下面这样一个字符串赋值给document.cookie: document.cookie="userId=828"; 如果要一次存储多个名/值对,可以使用转载 2012-03-05 10:57:50 · 492 阅读 · 0 评论 -
DOM元素节点nodeType取值详解
DOM元素节点nodeType取值详解转自:http://www.impng.com/web-dev/element-nodetype-values.html引用来自Javascript Kit的一个表格Element nodeType valuesReturned integer Node type Constant1 ELEMENT_NODE转载 2012-03-23 20:16:52 · 1062 阅读 · 0 评论 -
jQuery源码分析1:jQuery.inArray
jquery源码分析1:inArray: function( elem, array, i ) { var len; if ( array ) { if ( indexOf ) { // indexOf = Array.prototype.indexOf return indexOf.call( array, elem原创 2012-03-27 20:53:07 · 1128 阅读 · 0 评论 -
jQuery源码分析2: jQuery.isFunction
jQuery源码分析2: jQuery.isFunction// [[Class]] -> type pairsclass2type = {};// Populate the class2type mapjQuery.each("Boolean Number String Function Array Date RegExp Object".split(" "), func原创 2012-03-27 21:14:39 · 1224 阅读 · 0 评论 -
The Surprisingly Elegant Javascript Type Model
The Surprisingly Elegant Javascript Type ModelPosted: February 21, 2012 | Author: kvijayan | Filed under: Javascript |Leave a comment »转自:http://vijayan.ca/blog/2012/02/21/javascript-type-mo转载 2012-03-11 23:53:32 · 653 阅读 · 0 评论 -
javascript那点事
javascript那点事以下代码有什么问题?案例1:1 var type = {'浪漫出行': '浪漫出行', '温馨家庭': '温馨家庭', '风情体验': '风情体验', '自行定制': '自行定制'};2 var arr = [];3 $.each(type, function(k, v) {4 arr[k] = v;5原创 2012-03-09 09:58:59 · 116 阅读 · 0 评论 -
jQuery源码分析5: jQuery.map
jQuery源码分析5: jQuery.map函数用途:使用jQuery.map将数组elems中的元素通过callback映射到另一个数组中isArray: Array.isArray || function( obj ) { return jQuery.type(obj) === "array";},map: function( elems, callba原创 2012-03-28 10:46:08 · 846 阅读 · 0 评论 -
jQuery源码分析8: 浏览器检测jQuery.uaMatch
jQuery源码分析: 浏览器检测jQuery.uaMatch// Useragent RegExpvar rwebkit = /(webkit)[ \/]([\w.]+)/, ropera = /(opera)(?:.*version)?[ \/]([\w.]+)/, rmsie = /(msie) ([\w.]+)/, rmozilla =原创 2012-03-28 15:53:37 · 814 阅读 · 0 评论 -
jQuery源码分析11: jQuery.globalEval
jQuery源码分析11: jQuery.globalEval在全局作用域下执行一段js代码globalEval: function( data ) { if ( data && rnotwhite.test( data ) ) { // We use execScript on Internet Explorer // We use原创 2012-03-28 20:06:23 · 851 阅读 · 0 评论 -
JS获取浏览器窗口大小 获取屏幕,浏览器,网页高度宽度
JS获取浏览器窗口大小 获取屏幕,浏览器,网页高度宽度转自:http://blog.51xuewen.com/wangpan/article_2091.htm网页可见区域宽:document.body.clientWidth 网页可见区域高:document.body.clientHeight 网页可见区域宽:document.body.offsetWidth (包括边线的宽)转载 2012-03-12 15:15:09 · 551 阅读 · 0 评论 -
jQuery源码分析3: jQuery.each
jQuery源码分析3: jQuery.eacheach: function( object, callback, args ) { var name, i = 0, length = object.length, isObj = length === undefined || jQuery.isFunction( object ); /原创 2012-03-28 09:24:33 · 844 阅读 · 1 评论 -
jQuery源码分析6: jQuery.isEmptyObject与jQuery.isPlainObject
jQuery源码分析6: jQuery.isEmptyObject与jQuery.isPlainObjectvar hasOwn = Object.prototype.hasOwnProperty,isEmptyObject: function( obj ) { for ( var name in obj ) { return false; }原创 2012-03-28 11:24:28 · 1797 阅读 · 0 评论 -
jQuery源码分析7: jQuery.trim
jQuery源码分析7: jQuery.trim// Used for trimming whitespacevar trimLeft = /^\s+/, trimRight = /\s+$/, trim = String.prototype.trim; //// Check if a string has a non-whitespace charact原创 2012-03-28 13:45:44 · 1252 阅读 · 0 评论 -
jQuery源码分析4: jQuery.makeArray和jQuery.toArray
jQuery源码分析4: jQuery.makeArray和jQuery.toArrayvar push = Array.prototype.push,isWindow: function( obj ) { return obj && typeof obj === "object" && "setInterval" in obj; //},merge: fu原创 2012-03-28 10:24:27 · 1637 阅读 · 0 评论 -
jQuery源码分析9: 驼峰式命名方法jQuery.camelCase
jQuery源码分析: 驼峰式命名方法jQuery.camelCase// Matches dashed string for camelizing 匹配由虚线分割的字符串并改成驼峰式命名法var rdashAlpha = /-([a-z]|[0-9])/ig, rmsPrefix = /^-ms-/, // Used by jQuery.camelCase a原创 2012-03-28 16:03:45 · 1460 阅读 · 0 评论 -
jQuery源码分析10: jQuery.extend
jQuery源码分析10: jQuery.extendDescription: Merge the contents of two or more objects together into the first object.用法:jQuery.extend( target, [ object1 ], [ objectN ] )jQuery.extend( [ deep ],原创 2012-03-28 17:32:49 · 744 阅读 · 0 评论 -
jQuery源码分析12: jQuery.query
jQuery源码分析12: jQuery.query使用过滤函数过滤数组元素。grep: function( elems, callback, inv ) { var ret = [], retVal; inv = !!inv; // for ( var i = 0, length = elems.length; i原创 2012-03-28 23:15:08 · 755 阅读 · 0 评论 -
jQuery源码分析12: jQuery.parseJSON和jQuery.parseXML
jQuery源码分析12: jQuery.parseJSON和jQuery.parseXML// JSON RegExpvar rvalidchars = /^[\],:{}\s]*$/, rvalidescape = /\\(?:["\\\/bfnrt]|u[0-9a-fA-F]{4})/g, rvalidtokens = /"[^"\\\n\r]*"|true|原创 2012-03-29 19:00:37 · 1808 阅读 · 0 评论 -
jQuery源码分析13: .addClass, .removeClass, .hasClass
jQuery源码分析13: .addClass, .removeClass, .hasClass描述: .addClass( className )classNameOne or more class names to be added to the class attribute of each matched element..addClass( function(in原创 2012-03-31 16:20:32 · 963 阅读 · 0 评论 -
JavaScript去除字符串两边空格trim
JavaScript去除字符串两边空格trim2011-03-01去除字符串左右两端的空格,在大部分编程语言中,比如PHP、vbscript里面可以轻松地使用 trim、ltrim 或 rtrim实现。但在js中却没有这3个内置方法,需要手工编写。下面的实现方法是用到了正则表达式,效率不错,并把这三个方法加入String对象的内置方法中去。写成类的方法格式如下:(str转载 2012-04-01 09:49:23 · 605 阅读 · 0 评论 -
返回页面顶部模块
1.js事件style="position:fixed;right:0px;">返回顶部也可采用如下写法style="position:fixed;right:0px;">回顶部$("#return_top").click(function() { scroll(0,0); $(this).blur();});2.利用锚点返回顶部3.返回顶部原创 2011-12-06 15:46:25 · 730 阅读 · 0 评论 -
IE浏览器的兼容模式
IE浏览器的兼容模式转自:http://ideas.spkcn.com/technology/web/201.html兼容性对于网页设计师来说非常重要。虽然最好是建立一个完全不需依赖任何网页浏览器特性或功能的网站,但是有时候这是不可能实现的。而文件兼容模式能将网页限制在某个特定版本的IE中。可以使用 X-UA-Compatible 标头来指定网页支持的IE版本,可以使用转载 2012-04-06 09:46:59 · 946 阅读 · 0 评论 -
jQuery源码分析15: .scrollTop()与.scrollLeft()
jQuery源码分析15: .scrollTop()与.scrollLeft()// Construct the test elementvar div = document.createElement("div"); container.appendChild( div ); // Figure out if the W3C box model works as原创 2012-04-06 17:34:34 · 1357 阅读 · 0 评论 -
jQery源码分析14: IE嗅探的另类方法——也许也是屎上最简单的方法
// Check if a string has a non-whitespace character in itvar rnotwhite = /\S/;// IE doesn't match non-breaking spaces with \sif ( rnotwhite.test( "\xA0" ) ) { alert('i am IE');} else {原创 2012-04-01 09:46:59 · 513 阅读 · 0 评论 -
Jsonp 方式跨域获取 json 数据原理
Jsonp 方式跨域获取 json 数据原理 转自:http://blog.163.com/diaochongzhe@126/blog/static/16328604200910139418714/?fromdm&fromSearch&isFromSearchEngine=yesdouban网的开放api后,查了些文档,了解了一下 jsonp 跨域请求方式.跟大家分享一下。其实转载 2012-04-09 22:19:36 · 477 阅读 · 0 评论 -
(跨域)JSONP原理 $.getJSON 用法
转自:http://blog.163.com/diaochongzhe@126/blog/static/163286042009101392838976/简介符合Web2.0特征的众多网站一个明显的特点就是采用Ajax。Ajax提供了在后台提交请求访问数据的功能。其实现主要使用的是 XMLHttpRequest函数,这个函数允许客户端的Javascript 发送到服务器端的HTTP请求并获转载 2012-04-09 22:30:44 · 540 阅读 · 0 评论 -
AJAX 跨域请求 - JSONP获取JSON数据
转自:http://justcoding.iteye.com/blog/1366102Asynchronous JavaScript and XML (Ajax ) 是驱动新一代 Web 站点(流行术语为 Web 2.0 站点)的关键技术。Ajax 允许在不干扰 Web 应用程序的显示和行为的情况下在后台进行数据检索。使用 XMLHttpRequest 函数获取数据,它是一种 API,允许客户转载 2012-04-09 22:53:41 · 693 阅读 · 0 评论 -
HTML DOM的nodeType值
将HTML DOM中几个容易常用的属性做下记录:nodeName、nodeValue 以及 nodeType 包含有关于节点的信息。nodeName 属性含有某个节点的名称。元素节点的 nodeName 是标签名称属性节点的 nodeName 是属性名称文本节点的 nodeName 永远是 #text文档节点的 nodeName 永远是 #document转载 2012-03-22 20:32:20 · 543 阅读 · 0 评论 -
Firebug进阶——控制台详解
作者: 阮一峰日期: 2011年3月26日Firebug是网页开发的利器,能够极大地提升工作效率。但是,它不太容易上手。我曾经翻译过一篇《Firebug入门指南》,介绍了一些基本用法。今天,继续介绍它的高级用法。===================================Firebug控制台详解作者:阮一峰转载 2012-04-14 17:54:51 · 638 阅读 · 0 评论