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

document.addEventListener使用介绍

2016年07月27日 10 阅读

document.addEventListener（"事件名称", 函数, false）; 复制代码代码如下: function 某函数（event）{ // 方法执行 } addEventListener里最后一个参数决定该事件的响应顺序；如果为true事件执行顺序为 addEventListener ---- 标签的onclick事件 ---- document.onclick 如果为false事件的顺序为标签的onclick事件 ---- ...

jquery 实现两级导航菜单附效果图

2016年07月27日 9 阅读

主要用于运维系统，对界面要求不高的场合。深深感到自己页面设计能力弱爆了，只能借鉴一下了，交互逻辑还可以胜任一点。直接贴代码: 1. HTML 页面及 JS 交互，注意引入 Jquery 文件复制代码代码如下: <！DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head...

jquery设置按钮停顿3秒不可用

2016年07月27日 11 阅读

复制代码代码如下: <！DOCTYPE html> <html> <head> <title> my name is lian lily</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <script src="http://ajax.googleapis.com/ajax/...

jquery.form.js用法之清空form的方法

2016年07月27日 11 阅读

本段代码摘取自jquery.form.js中，由于觉得该方法的使用性非常强，同时也可独立拿出来使用。该段代码言简意赅可以很好的作为学习参考。复制代码代码如下:/*** Clears the form data. Takes the following actions on the form"s input fields:* - input text fields will have their "value" property set to the em...

jquery日历控件实现方法分享

2016年07月27日 9 阅读

注释掉的是默认的css样式，你可以修改成自己的样式实现另一个风格，大家参考使用吧复制代码代码如下:/*** jQuery Calendar Plugin*/（function（$, window） { "use strict"; $.fn.calendar = function（options） { //check is select, if nothing select, return this if （！this.length） { if （opti...

禁用JavaScript控制台调试的方法

2016年07月27日 9 阅读

有几个巨头公司,即Facebook和Netflix,决定禁止用户在控制台（console）执行JavaScript命令。最初这是由Facebook开始的 ,用于防止恶意用户通过JavaScript控制台执行特定的命令散播消息（发送给所有Facebook用户大量垃圾信息）。当然这受到很多指责,但在我参与之前, 他们使用的代码如下所示: 复制代码代码如下: // 看起来 Netflix 似乎是唯 Facebook 马首是瞻 [https://news...

extJS中常用的4种Ajax异步提交方式

2016年07月27日 10 阅读

/** 复制代码代码如下: * 第一种Ajax提交方式 * 这种方式需要直接使用ext Ajax方法进行提交 * 使用这种方式，需要将待传递的参数进行封装 * @return */ function saveUser_ajaxSubmit1（） { Ext.Ajax.request（ { url : "user_save.action", method : "post", params : { userName : document.getElement...

Extjs表单常见验证小结

2016年07月27日 9 阅读

复制代码代码如下: //放在onReady的function（）{}中 Ext.QuickTips.init（）; //为组件提供提示信息功能，form的主要提示信息就是客户端验证的错误信息。 Ext.form.Field.prototype.msgTarget="side"; //提示的方式，枚举值为: qtip-当鼠标移动到控件上面时显示提示; title-在浏览器的标题显示，但是测试结果是和qtip一样的; under-在控件的底下显示错误提示;...

jquery实现弹出div,始终显示在屏幕正中间的简单实例

2016年07月27日 13 阅读

以下代码块就能始终让弹出div位于屏幕的正中心，希望对大家有所帮助！复制代码代码如下: //让指定的DIV始终显示在屏幕正中间 function setDivCenter（divName）{ var top = （$（window）.height（） - $（divName）.height（））/2; var left = （$（window）.width（） - $（divName）.width（））/2; var scrollTop = $...

javascript中的事件代理初探

2016年07月27日 11 阅读

事件在javascript中一直是最强大的对象之一。javascript提供了addEventListener和attachEvent两个方法来为DOM节点绑定事件，jquery作了进一步封装，提供了兼容各个浏览器的bind方法。现在来看，这种传统的事件绑定方式存在着以下不足：1.可能需要绑定很多的EventHander。假如页面中某个表有100行，现在必须为每一行绑定一个click事件。那么就必须绑定100个EventHandler，这对页面性能来说有着...

关于onchange事件在IE和FF下的表现及解决方法

2016年07月27日 13 阅读

在最近做的一个项目中，有这么一个功能点：页面上有一个checkbox，当用户选择或者取消选择该checkbox时会向后台发一个jsonp请求。当时的实现是为这个checkbox添加一个onchange事件，但结果却出人意料，为此，我深入的研究了一下，发现了onchange事件在IE和FF下的表现存在着以下问题。问题①：在FF下，当改变checkbox的选中状态时，会马上触发onchange事件。但在IE下改变checkbox的选中状态时，并不会马上出发on...

js触发onchange事件的方法说明

2016年07月27日 10 阅读

js中onchange事件是在客户端改变输入控件的值，比如一个textbox，会出发的一个事件。但是如果在js代码中改变一个textbox的value，而不是通过键盘输入改变一个textbox值的话，是不会出发onchange事件的。那么，如何在js代码模式通过代码触发textbox控件的onchange事件呢，经过查阅资料，发现js提供了一个方法，可以触发控件的应该是所有事件。object.fireEvent（）方法，使用方法如 object.fireE...

JS实现鼠标单击与双击事件共存

2016年07月27日 10 阅读

一直都认为在Web开发中，双击事件都是少至又少地使用，直到最近项目需要，要在一个按钮上绑定单击与双击两件事件。开始也觉得不就是给按钮绑下两个事件而已罢了……只是后来才明白，是我想得太简单，在双击事件触发的同时也会触发单击的~囧通过一番研究后，终于利用JS中“setTimeout”延时执行方法的办法，将单击延迟300毫秒执行才解决了，代码如下：复制代码代码如下:<！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 ...

js中的onchange和onpropertychange （onchange无效的解决方法）

2016年07月27日 9 阅读

笔者注：今天我在用到onchange事件时没有任何反应，最后翻查资料才知道Onchange的局限性和不稳定性。而onpropertychange却能很好的实现尤其是它的实时捕捉性能更是很值得用一下（幸亏有这个性能，做出的东西老板娘很满意 o（∩_∩）o...）。本人也比较懒，自己做的东西也懒的整理下来只能把搜索到的资料原版拿来个大家分享一下：IE下，当一个HTML元素的属性改变的时候，都能通过 onpropertychange来捕获。例如一个 <in...

Jquery实现点击按钮,连续地向textarea中添加值的实例代码

2016年07月27日 9 阅读

代码如下：复制代码代码如下:<%@ page language="java" contentType="text/html; charset=gbk" pageEncoding="gbk"%> <%@ include file="/pages/common/taglibs.jsp"%><！DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://...

现如今最流行的JavaScript代码规范

2016年07月27日 9 阅读

什么是最佳的JavaScript代码编程规范？这可能是一个众口难调的问题。那么，不妨换个问题，什么代码规范最流行？sideeffect.kr通过分析GitHub上托管的开源代码，得出了一些有趣的结果。一起来看看吧。行末逗号对行首逗号行末引号：复制代码代码如下:var foo = 1, bar = 2, baz = 3; var obj = { foo: 1, bar: 2, baz: 3 }; 行首引号：复制代码代码如下:var foo = ...

jquery下div 的resize事件示例代码

2016年07月27日 10 阅读

这是某位大神写的jquery下div 的resize事件。复制代码代码如下: //resize of div （function（$, h, c） { var a = $（[]）, e = $.resize = $.extend（$.resize, {}）, i, k = "setTimeout", j = "resize", d = j + "-special-event", b = "delay", f = "throttleWindow"; e[...

用JavaScript实现类似于ListBox功能示例代码

2016年07月27日 9 阅读

JavaScript对于多项数据的请求和处理过程中，如何实现常常困扰很多程序员，如何进行动态编辑和删除而不影响其他的数据项，今天介绍一种方法，可供借鉴，例如通过XmlRequest请求到如下数据: 复制代码代码如下: <span style="font-size:14px;">{ "Table": [ { "Id": 3, "Type": "X", "Content": "党的十八大报告指出，我国人民民主的重要形式是什么？", "Akey":...

JS删除字符串中重复字符方法

2016年07月27日 9 阅读

复制代码代码如下: <！DOCTYPE html> <html> <head> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"> </script> <script> $（document）.ready（function（）{ $（"button"）.click（function（）{ ...

JS数组的赋值介绍

2016年07月27日 8 阅读

复制代码代码如下:var test=[1,2,3,4,5,6,7];var arr=test;arr.splice（2,1）;alert（test）;//1,2,4,5,6,7JS数组实质上是对象。因此，上面的源代码最后打印出的是1,2,3,4,5,6。这是因为将test赋值给arr实际上是将数组的引用赋值给arr，所以操作arr也同时会改变源数组。要实现数组克隆，可用以下方法：复制代码代码如下:Array.prototype.clone=funct...

首页 / 脚本样式 / JavaScript

document.addEventListener使用介绍

jquery 实现两级导航菜单附效果图

jquery设置按钮停顿3秒不可用

jquery.form.js用法之清空form的方法

jquery日历控件实现方法分享

禁用JavaScript控制台调试的方法

extJS中常用的4种Ajax异步提交方式

Extjs表单常见验证小结

jquery实现弹出div,始终显示在屏幕正中间的简单实例

javascript中的事件代理初探

关于onchange事件在IE和FF下的表现及解决方法

js触发onchange事件的方法说明

JS实现鼠标单击与双击事件共存

js中的onchange和onpropertychange （onchange无效的解决方法）

Jquery实现点击按钮,连续地向textarea中添加值的实例代码

现如今最流行的JavaScript代码规范

jquery下div 的resize事件示例代码

用JavaScript实现类似于ListBox功能示例代码

JS删除字符串中重复字符方法

JS数组的赋值介绍