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

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

2016年07月27日 12 阅读

下文有大概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编码下表单提交终极解决方案（非二次编码方法）

2016年07月27日 6 阅读

前言: 当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）

2016年07月27日 6 阅读

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绑定多个事件执行顺序问题

2016年07月27日 7 阅读

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

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

2016年07月27日 6 阅读

代码如下：复制代码代码如下: <！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...

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

2016年07月27日 7 阅读

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

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

2016年07月27日 6 阅读

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

jQuery 表单验证扩展（三）

2016年07月27日 6 阅读

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

jQuery 表单验证扩展（四）

2016年07月27日 5 阅读

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

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

2016年07月27日 8 阅读

完整代码：复制代码代码如下: $.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添加右键菜单的实现代码

2016年07月27日 12 阅读

先上图： 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的属性设置容易出现问题的解决方法

2016年07月27日 6 阅读

一般的，一个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对象

2016年07月27日 6 阅读

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

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

2016年07月27日 6 阅读

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

JavaScript学习点滴 call、apply的区别

2016年07月27日 7 阅读

1、call call 方法调用一个对象的一个方法，以另一个对象替换当前对象。 call（[thisObj[,arg1[, arg2[, [,.argN]]]]]）参数 thisObj 可选项。将被用作当前对象的对象。 arg1, arg2, , argN 可选项。将被传递方法参数序列。说明 call 方法可以用来代替另一个对象调用一个方法。call 方法可将一个函数的对象上下文从初始的上下文改变为由 thisObj 指定的新对象。如果没有提供 t...

js各种验证文本框输入格式（正则表达式）

2016年07月27日 7 阅读

不能为空 <input onblur="if（this.value.replace（/^ +| +$/g,""）==""）alert（"不能为空！"）">只能输入英文和数字<input onblur="if（/[^0-9a-zA-Z]/g.test（value））alert（"有错"）"><input onkeyup="value=value.replace（/[^0-9a-zA-Z]/g,""）"/><input...

javascript textContent与innerText的异同分析

2016年07月27日 7 阅读

textContent与innerText的不同 IE下有个innerText属性，FF下有个textContent属性。很多以前给IE写脚本的，在FF下找不到innerText属性，于是网上搜到的建议是用textContent来替代。反之给FF写脚本的也一样。但是实际上，这里有个误解。网上很多文章说“FF下等效于innerText属性的属性是textContent”————但是事实上并非如此。innerText与textContent有几点很重要的不同...

document.write与writeln的输出内容区别说明

2016年07月27日 7 阅读

document.write（） //将内容写入文档，当前编辑位置为写入的内容的后一个字符 document.writeln（） //将内容写入文档，并添加一个换行符，当前编辑位置为写入的内容的后一行 document.write（）和document.writeln都是JavaScript向客户端写入的方法，writeln是以行方式输出的，但并不是指页面实际效果中的换行，两种方法在查看源代码时才看得出区别，除非是输出到pre或xmp元素内测试一下： ...

JQuery EasyUI 对话框的使用方法

2016年07月27日 7 阅读

下面看一下EasyUI的对话框效果图 js代码：复制代码代码如下: <script language="javascript" type="text/javascript"> function Open_Dialog（） { $（"#mydialog"）.show（）; $（"#mydialog"）.dialog（{ collapsible: true, minimizable: true, maximizable: true, toolb...

ExtJs事件机制基本代码模型和流程解析

2016年07月27日 7 阅读

代码实现的目的：为一个自定义的类的某个属性在使用它时候，触发某个事件。该程序的效果：点击输入按钮，弹出一个脚本提示输入框让用户输入他的姓名，确定后，用户录入的姓名会显示在页面的姓名文本框中，并且页面标题变成和姓名一致，接着再弹出脚本提示输入框让用户输入性别，录入完毕并点击确定后，用户录入的性别将会显示在页面的性别文本框里。复制代码代码如下: <！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transit...

首页 / 脚本样式 / JavaScript

关于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重构 提高显示性能

JavaScript学习点滴 call、apply的区别

js各种验证文本框输入格式（正则表达式）

javascript textContent与innerText的异同分析

document.write与writeln的输出内容区别说明

JQuery EasyUI 对话框的使用方法

ExtJs事件机制基本代码模型和流程解析

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