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

jquery日历控件实现方法分享

2017年02月06日 13 阅读

注释掉的是默认的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控制台调试的方法

2017年02月06日 13 阅读

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

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

2017年02月06日 14 阅读

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

Extjs表单常见验证小结

2017年02月06日 13 阅读

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

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

2017年02月06日 13 阅读

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

javascript中的事件代理初探

2017年02月06日 14 阅读

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

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

2017年02月06日 15 阅读

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

js触发onchange事件的方法说明

2017年02月06日 13 阅读

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

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

2017年02月06日 13 阅读

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

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

2017年02月06日 14 阅读

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

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

2017年02月06日 13 阅读

代码如下：复制代码代码如下:<%@ 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代码规范

2017年02月06日 13 阅读

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

jquery下div 的resize事件示例代码

2017年02月06日 13 阅读

这是某位大神写的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功能示例代码

2017年02月06日 14 阅读

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

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

2017年02月06日 13 阅读

复制代码代码如下: <！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数组的赋值介绍

2017年02月06日 15 阅读

复制代码代码如下: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操作referer详细解析

2017年02月06日 14 阅读

Referrer的重要性HTTP请求中有一个referer的报文头，用来指明当前流量的来源参考页。例如在www.sina.com.cn/sports/上点击一个链接到达cctv.com首页，那么就referrer就是www.sina.com.cn/sports/了。在Javascript中，我们可以通过document.referrer来获取同样的信息。通过这个信息，我们就可以知道访客是从什么渠道来到当前页面的。这对于Web Analytics来说，是非常...

php中给js数组赋值方法

2017年02月06日 15 阅读

因为接口方的要求，用js中处理数据，所以需要php程序从数据库取出数值后赋值给js数组。一直没有找到很好的办法，因为PHP数组的数据编码和JS 数组的编码格式不一样，不能直接输出。在网上搜索一通后，找到的解决的方法：PHP函数库提供了编/解码JSON的函数：json_encode（）和json_decode（），可以比较方便的传递数组或对象给javascript。注意：PHP 5.2以上才绑定了JSON扩展。在php如下写：复制代码代码如下:$arr =...

node.js使用nodemailer发送邮件实例

2017年02月06日 14 阅读

一、安装 nodemailer复制代码代码如下:npm install nodemailer --save二、调用复制代码代码如下:var nodemailer = require（"nodemailer"）;// 开启一个 SMTP 连接池var smtpTransport = nodemailer.createTransport（"SMTP",{ host: "smtp.qq.com", // 主机 secureConnection: true, ...

JS中的构造函数详细解析

2017年02月06日 13 阅读

在JavaScript中，任何合法的函数都可以作为对象的构造函数，这既包括系统内置函数，也包括用户自己定义的函数。一旦函数被作为构造函数执行，它内部的this属性将引用函数本身。通常来说，构造函数没有返回值，它们只是初始化由this指针传递进来的对象，并且什么也不返回。如果一个函数有返回值，被返回的对象就成了new表达式的值。从形式上看，一个函数被作为构造函数还是普通函数执行的唯一区别，是否用new运算符。上面的描述事实上有着更为精确的含义，这要把函数如果...

首页 / 脚本样式 / JavaScript

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数组的赋值介绍

javascript操作referer详细解析

php中给js数组赋值方法

node.js使用nodemailer发送邮件实例

JS中的构造函数详细解析