JavaScript资料,JavaScript文章,JavaScript文档-易库教程

理解Javascript_13_执行模型详解

2017年02月06日 19 阅读

函数执行环境简单的代码: 复制代码代码如下: function say（msg,other）{ var str = "nobody say:"; this.name = "笨蛋的座右铭"; function method（）{};//var method = function（）{}; alert（str+msg）; } say（"hello world"）; alert（name）;//笨蛋的座右铭当调用say方法时，第一步是创建其执行环境，在创...

理解Javascript_14_函数形式参数与arguments

2017年02月06日 23 阅读

注：在阅读本博文前请先阅读《理解javascript_13_执行模型详解》注：本文的部分内容是自已的一些推论，并无官文文档作依据，如有错误之后，还望指正。生涩的代码我们先来看一段比较生涩的代码：复制代码代码如下: function say（msg,other,garbage）{ alert（arguments[1]）;//world var other = "nice to meet you！"; var msg; alert（arguments...

理解Javascript_15_作用域分配与变量访问规则,再送个闭包

2017年02月06日 23 阅读

作用域分配与变量访问规则在 ECMAScript 中，函数也是对象。函数对象在变量实例化过程中会根据函数声明来创建，或者是在计算函数表达式或调用 Function 构造函数时创建。（关于"函数对象"请见《理解Javascript_08_函数对象》）。每个函数对象都有一个内部的 [[scope]] 属性，这个属性也由对象列表（链）组成。这个内部的[[scope]] 属性引用的就是创建它们的执行环境的作用域链，同时，当前执行环境的活动对象被添加到该对象列...

超越Jquery_01_isPlainObject分析与重构

2017年02月06日 23 阅读

isPlainObject是Jquery1.4后提供的新方法,用于判断对象是否是纯粹的对象（通过 "{}" 或者 "new Object" 创建的）。使用isPlainObject 首先我们来了解一下什么叫"纯粹的对象"，简单的理解"纯粹的对象"指的就是由Object构造出来的对象。那哪些对象是由Object构造出来的呢。首当其充的肯定是由new Object（）所构造出来的对象，注意：在Object后的括号里可没加任何东西。因为Object是所有"...

javascript奇异的arguments分析

2017年02月06日 24 阅读

在每个函数中，都有个名为 arguments 的变量，它以类似数组的形式保存了当前调用的参数。而它实际上并不是个数组，使用 typeof arguments 语句尝试会返回“object”（对象），所以它不能像 Array 一样使用 push 和 pop 等方法。即便如此，仍然可以使用下标以及长度属性（length）获取它的值。编写灵活的函数虽看起来名不经传，但的确 arguments 是非常有用的对象。比如，你可以让函数处理不定数目的参数。在 Dea...

javascript动态改变img的src属性图片不显示的解决方法

2017年02月06日 21 阅读

首先讲下这个bug的出现的情况，页面中有复制代码代码如下:<a href="javascript:void（0）" onclick="document.getElementById（"current"）.src="images/001.jpg";"> 这么一个a标签，onclick中的JS代码就是改变id为current的img标签的src属性，以达到动态切换图片的效果。可是不幸的是：IE是动态改变的图片的路径，但是图片却不显示出来，得右键...

关于javascript中this关键字（翻译+自我理解）

2017年02月06日 22 阅读

下文有大概70%的内容出自http://www.quirksmode.org/js/this.html，另外30%是我自己对它的理解和感想。希望能对有需要的人一点帮助。。。首先，先看一个很典型的关于this关键字题目：复制代码代码如下: var name = "hong" var obj = { name: "ru", getName: function（）{ return function（）{ return this.name; }; } } al...

jQuery ajax在GBK编码下表单提交终极解决方案（非二次编码方法）

2017年02月06日 22 阅读

前言: 当jquery ajax在utf-8编码下（页面utf－8，接收utf-8），无任何问题。可以正常post、get，处理页面直接获取正确的内容。但在以下情况下: GBK -> AJAX POST ->GBK UTF-8 -> AJAX POST ->GBK 后台代码无法获取正确的内容，通常表现为获取到奇怪字符、问号。经典解决方法： 1：发送页面、接收页面均采用UTF-8编码。 2：发送页面在调用ajax post方法之前...

兼容IE与firefox火狐的回车事件（js与jquery）

2017年02月06日 24 阅读

javascript 兼容IE与firefox火狐的回车事件复制代码代码如下: <script language="javascript"> function keypress（e） { var currKey=0,e=e||event; if（e.keyCode==13）document.myform.submit（）; } document.onkeypress=keypress; </script> 复制代码代码如下:&l...

javascript attachEvent绑定多个事件执行顺序问题

2017年02月06日 25 阅读

常见的绑定事件有直接绑定在页面元素中比如<div id="wrap" onclick="a（）;"></div>，这个换种方法也就是分离出来写在js代码里如document.getElementById（"wrap"）.onclick = function（）{a（）;}，此时如果需要绑定多个方法则直接写在一起即可如document.getElementById（"wrap"）.onclick = function（）{a（）;b（...

自写简单JS判断是否已经弹出页面

2017年02月06日 23 阅读

代码如下：复制代码代码如下: <！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 http-equiv="C...

事件模型在各浏览器中存在差异

2017年02月06日 22 阅读

标准参考根据 W3C DOM 2 Events 描述，EventTarget 接口被所有支持 DOM 事件模型的节点（Node）实现。该接口提供了 "addEventListener" 和 "removeEventListener" 方法，用来绑定或解绑一个 EventListeners 接口到一个 EventTarget。 DOM 2 Events 中定义了 Event 接口，用来提供事件的上下文信息，它提供了若干标准属性和方法。实现 Event 接...

jQuery 表单验证扩展代码（二）

2017年02月06日 23 阅读

一. 存在的问题在上篇中我已经提到过，验证提示打算用文本和样式两种方式来显示提示消息，这两种提示都只能单独使用，于是新的跟新内容做了一些扩展，使得两者可以共用。前一篇写的是否必填项这个验证只是正对 Text， TextArea 这两个表单元素，在新的扩展中同时也支持了radio，checkbox 两个元素。二. 验证参数的设计基于多重选择的考虑，扩展了一些有必要的参数，参数列表如下： required: 是否为必填项，true 和 false ，tr...

jQuery 表单验证扩展（三）

2017年02月06日 26 阅读

在看这篇文章之前，可以看看前两篇文章，表单验证输入范围验证是在原有的基础上改写的。（一）. 输入范围验证存在问题在第二篇上提到的问题，在原有的验证中也存在相同的问题。当然在这次改写中也解决了一些这些问题。同时也添加了对radio，checkbox，select 元素的验证。当然对于时间的验证仍没有解决，后续过程中会继续补充！（二）. 验证参数的设计 onEmptyText: 当输入内容为空的时候显示文本 onEmptyClass: 当输入内容为空的...

jQuery 表单验证扩展（四）

2017年02月06日 23 阅读

周末写的 jQuery 表单验证扩展（三）这篇文章点击率过低，不知道是文章太失水准还是什么其他原因，这里写文章只是为了分享一下自己写代码的心得，同时也是巩固自己所学的东西！如果文章中存在问题，请大家多多斧正！本篇文章介绍jQuery 表单验证扩展中的控件值的比较（一）. 存在的问题这篇文章和第一篇中提到的控件值之间的比较没有多大的区别，唯一更近的就是在样式的处理。同时就是对代码进行了简化。但是这里还是单独拿出来讲解一下，此文非常简单，所以不会有大篇幅...

使用jQuery模板来展现json数据的代码

2017年02月06日 23 阅读

完整代码：复制代码代码如下: $.fn.parseTemplate = function（data） { var str = （this）.html（）; var _tmplCache = {} var err = ""; try { var func = _tmplCache[str]; if （！func） { var strFunc = "var p=[],print=function（）{p.push.apply（p,arguments）;};...

为jQuery.Treeview添加右键菜单的实现代码

2017年02月06日 20 阅读

先上图： jquery.treeview 数据通过JSON数据加载，有需要的朋友，可以通jquery的AJAX方法获取相关的JSON数据 json的数据格式：{"id":1,"parentid":0,"title":"标题","children":[{ ...}]} 需要两个jQuery 两件（jquery.treeview.min.js 树插件和 jquery.contextmenu.r2.js 右键菜单插件）在线演示 http://demo.jb...

jquery下动态显示jqGrid以及jqGrid的属性设置容易出现问题的解决方法

2017年02月06日 22 阅读

一般的，一个jqGrid的基本属性有一下几个常用的。复制代码代码如下: $（"#id"）.jqGrid（{ url: "", datatype: "local", postData: { strJson: Data }, mtype: "post", height: 45, width: 450, rowNum: rum, //每页的记录数 pgtext: "第{0}页共{1}页", pgbuttons: true, autoheight: true...

jQuery中add实现同时选择两个id对象

2017年02月06日 22 阅读

当用jQuery要选择demo1标签时，会用到下面代码：jQuery（"#demo1"）; 当用jQuery选择demo1和demo2，不要告诉我用jQuery（"div"）。这时就要用到标题中提到的方法，jQuery add方法：追加标签。 jQuery add使用方法： jQuery（"#demo1"）.add（"#demo2"）;...

Web 前端设计模式--Dom重构提高显示性能

2017年02月06日 22 阅读

1. 设计场景首页那边有一个产品浏览的版块在延迟载入的时候，将我所有的隐藏帧的项都显示出来（如图，我本意是显示两行图片，可是在载入卡住，将下面一些隐藏元素都显示出来了），整体画面粗糙凌乱，整个网页完全载入并顺利运行的时间延迟超过5秒，在这种交互性极强的在线印刷网站是非常致命的，这给用户一种极其糟糕的Web体验，并归结为网站的不稳定... 此时不能责怪公司的服务器烂，网速卡之类的，那样很可能会导致老大对我一顿胖揍甚至扣奖金... 所以只能从网站性能方面进行...

首页 / 脚本样式 / JavaScript

理解Javascript_13_执行模型详解

理解Javascript_14_函数形式参数与arguments

理解Javascript_15_作用域分配与变量访问规则,再送个闭包

超越Jquery_01_isPlainObject分析与重构

javascript奇异的arguments分析

javascript动态改变img的src属性图片不显示的解决方法

关于javascript中this关键字（翻译+自我理解）

jQuery ajax在GBK编码下表单提交终极解决方案（非二次编码方法）

兼容IE与firefox火狐的回车事件（js与jquery）

javascript attachEvent绑定多个事件执行顺序问题

自写简单JS判断是否已经弹出页面

事件模型在各浏览器中存在差异

jQuery 表单验证扩展代码（二）

jQuery 表单验证扩展（三）

jQuery 表单验证扩展（四）

使用jQuery模板来展现json数据的代码

为jQuery.Treeview添加右键菜单的实现代码

jquery下动态显示jqGrid以及jqGrid的属性设置容易出现问题的解决方法

jQuery中add实现同时选择两个id对象

Web 前端设计模式--Dom重构 提高显示性能

Web 前端设计模式--Dom重构提高显示性能