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

jquery formValidator插件ajax验证内容不做任何修改再离开提示错误的bug解决方法

2016年07月27日 9 阅读

query formValidator插件非常好用，但是有一个严重的Bug，在使用ajax验证的时候，如果输入框的内容已经存在，把鼠标放到输入框，不做任何修改再离开，则会提示错误，这是这个插件犯的一个很愚蠢的错误复制代码代码如下: oneIsValid: function（id, index） { var returnObj = new Object（）; returnObj.id = id; returnObj.ajax = -1; returnO...

jquery入门—选择器实现隔行变色实例代码

2016年07月27日 6 阅读

1、JQuery选择器继承了CSS、path语音的部分语法，允许通过标签名、属性名、内容对DOM元素进行快速、准确的选择。 2、JQuery选择器与JavaScript相比，具有代码简单、完善的检测机制的优势。 3、使用JQuery选择器实现隔行变色，示例代码如下：复制代码代码如下: <！DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <...

修改js Calendar日历控件兼容IE9/谷歌/火狐

2016年07月27日 7 阅读

修改Calendar日历控件兼容IE9，谷歌，火狐。只是能用，出现的位置有所不同，希望有高手再帮我改改吧，谢谢一、复制代码代码如下: this.iframe = window.frames（"meizzCalendarIframe"）; 修改为复制代码代码如下: this.iframe = window.frames["meizzCalendarIframe"]; 二、复制代码代码如下: var a = （arguments.leng...

让你的博客飘雪花超出屏幕依然看得见

2016年07月27日 6 阅读

前些天，在园子里看到了使你的博客飘雪花的文章，就赶紧弄到自己的博客里来看看效果，别说，还真是漂亮啊。可是看了一会，就发现页面变得特别卡。看了下代码后发现，原作者是在body中不停的插入多个小div雪花来向下慢慢飘，一直飘到body的底部后，将雪花移除。但是，实际上，超出屏幕的页面我们又看不见，就算有雪花在飘又有什么意义呢。于是，将原来的代码稍加修改，让他只是从屏幕的顶部飘落到屏幕底部（不是body的底部）后，就将雪花移除，另外将雪花改为fixed定位...

javascript返回顶部效果（自写代码）

2016年07月27日 5 阅读

现在很多网站都用到了返回顶部的效果，当然懒的话也可以直接 a 链接链到 #，这样也可以达到效果。今天抽空用原生 javascript 写了个，由于本人水平有限，如有问题请指出。 html 代码：复制代码代码如下: <！DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8"> <title>js-回到顶部</title&...

javascript编码的几个方法详细介绍

2016年07月27日 5 阅读

escape定义和用法 escape（）函数可对字符串进行编码，这样就可以在所有的计算机上读取该字符串。参数描述string必需。要被转义或编码的字符串。返回值已编码的 string 的副本。其中某些字符被替换成了十六进制的转义序列。说明该方法不会对 ASCII 字母和数字进行编码，也不会对下面这些 ASCII 标点符号进行编码： * @ - _ + . / 。其他所有的字符都会被转义序列替换。提示和注释提示：可以使用 unescape（）对 ...

一些常用弹出窗口/拖放/异步文件上传等实用代码

2016年07月27日 5 阅读

久不出技术类文章，我都忘了自己是一程序员啦......今天写一点工作中遇到的东西，大家共同学习，反正也比较浅显了。弹出窗口我们在工作中，经常会碰到弹出窗口类应用，有时候还需要一点遮盖层：这类圆角弹出框其实用得还是很广泛的，用CSS3可以很容易的出现，但是考虑到浏览器兼容问题，这类还是需要用图片实现了主要代码如下：复制代码代码如下://弹出层剧中 function popup（popupName） { var _scrollHeight = $（doc...

javaScript让文本框内的最后一个文字的后面获得焦点实现代码

2016年07月27日 5 阅读

复制代码代码如下: <script> //当失去交点以后让文本框内的文字获得焦点并且光标移到最后一个字后面 function myfocus（myid） { if（isNav）{ document.getElementById（myid）.focus（）;// 获取焦点 }else{ setFocus.call（document.getElementById（myid））; } } var isNav = （window.navigato...

javascript时间自动刷新实现原理与步骤

2016年07月27日 6 阅读

项目结构：运行效果：=========================================================代码部分：=========================================================/Clock/WebContent/index.jsp复制代码代码如下:<%@ page language="java" contentType="text/html; charset=UTF-...

js获取height和width的方法说明

2016年07月27日 9 阅读

复制代码代码如下: <！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title>js获取height和width总结</title> <meta content="t...

jQuery.clean使用方法及思路分析

2016年07月27日 6 阅读

一、jQuery.clean使用方法jQuery.clean（ elems, context, fragment, scripts ）;二、思路分析1、处理参数context，确保其为文档根节点document2、处理参数elems数组（循环遍历数组） 2.1、elem为数字，转换为字符串 2.2、elem为非法值，跳出本次循环 2.3、elem为字符串 2.4、字符串不存在实体编号或html标签，则创建文本节点 2.5、字符串为实体编号或htm...

jquery入门—访问DOM对象方法

2016年07月27日 8 阅读

1、JavaScript访问DOM对象方法： var oTxtValue=document.getElementById（"Text1"）.value; 2、JQuery访问DOM对象方法： var oTxtValue=$（"#Text1"）.val（）; 通过JQuery库中的方法访问或控制页面中的元素，比使用JavaScript代码要简洁得多，而且兼容各浏览器。示例代码：复制代码代码如下: <！DOCTYPE HTML PUBLIC "-/...

jquery入门—编写一个导航条（可伸缩）

2016年07月27日 5 阅读

1、编写一个导航条，单击标题时，可以伸缩导航条内容，简化内容或显示更多内容。示例代码如下：复制代码代码如下: <！DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> New Document </TITLE> <META NAME="Generator" CONTENT="...

jquery入门—数据删除与隔行变色以及图片预览

2016年07月27日 6 阅读

1、功能需求：表格中数据隔行变色、删除数据、全选删除、鼠标移动到图片时显示图片预览 2、示例代码如下：复制代码代码如下: <！DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> 数据管理 </TITLE> <META NAME="Generator" CONTENT="Edi...

jQuery插件开发基础简单介绍

2016年07月27日 8 阅读

1.开发jQuery 插件的基本格式复制代码代码如下:（function （$） { $.extend（$.fn, { }） }）（jQuery） 2.开发全局函数的基本格式复制代码代码如下: （function （$） { $.extend（$, { }） }）（jQuery）开发示例：复制代码代码如下: （function （$） { $.extend（$, { subtract: function （a, b） { return a-...

jquery乱码与contentType属性设置问题解决方案

2016年07月27日 5 阅读

今天闲的无聊，把以前遗留的问题解决一下，比如让人头痛的Jquery乱码问题。其实这方面文章已经很多了，但全面解决各种问题的很少，今天总结一下，方便自己也方便大家。原因很简单：其实他的中文乱码就是因为contentType没有指定编码，对于不同Jquery的版本中这个地方有不同的设置，就拿我遇到的，jquery-1.6.1和jquery-1.8.3就有不同的定义。解决办法：在jquery-1.6.1文件中，搜索"contentType" 然后在appli...

jquery实现marquee效果（文字或者图片的水平垂直滚动）

2016年07月27日 5 阅读

原本在前端html代码中，实现文字或者图片的水平垂直滚定，都是使用的marquee，但随着考虑浏览器的兼容性和符合为w3c的标准，后来想想那还是使用javascript代码来实现。后来又喜欢上了jquery，下面写的内容希望对初学者有些帮助，高手勿喷，但欢迎指导，感激不尽。原理：无缝滚动的原理，就是利用两个内容相同的容器，来达到欺骗人的视觉的效果。然后通过整个大容器滚动条的左右或者上下的移动来实现滚动。下面附上一张手绘的图，来简要阐述下原理。首先，我们的...

onclick与listeners的执行先后问题详细解剖

2016年07月27日 7 阅读

以下代码，会先执行onclick，然后再执行事件监控：复制代码代码如下: <HTML> <HEAD> <TITLE>JK Test</TITLE> <META content="text/html; charset=utf-8" http-equiv=Content-Type> <script src="http://s0.qhimg.com/lib/qwrap/110.js" type...

YUI Compressor压缩JavaScript原理及微优化

2016年07月27日 5 阅读

最近写一个jQuery插件，在最后完成优化时，对比发现压缩后文件比较大，就思考那些是可以被修改和优化的，发现压缩原理也有很大的空间可以学习，通过这次对YUI Compressor压缩JavaScript深有体会，那些是可以被压缩的，特别是那些不能被压缩的，都需要很清楚，这样才能写出来的插件才能保持文件更小，代码更精巧，而且优化的过程中也会发现代码待改良的地方，对以后也有很大帮助。随便在网上找来一篇文章做记录了。 YUI Compressor 压缩 Java...

js新闻滚动 js如何实现新闻滚动效果

2016年07月27日 5 阅读

具体代码如下：复制代码代码如下: <！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> <title>code.js...

首页 / 脚本样式 / JavaScript

jquery formValidator插件ajax验证 内容不做任何修改再离开提示错误的bug解决方法

jquery入门—选择器实现隔行变色实例代码

修改js Calendar日历控件 兼容IE9/谷歌/火狐

让你的博客飘雪花超出屏幕依然看得见

javascript返回顶部效果（自写代码）

javascript编码的几个方法详细介绍

一些常用弹出窗口/拖放/异步文件上传等实用代码

javaScript让文本框内的最后一个文字的后面获得焦点实现代码

javascript时间自动刷新实现原理与步骤

js获取height和width的方法说明

jQuery.clean使用方法及思路分析

jquery入门—访问DOM对象方法

jquery入门—编写一个导航条（可伸缩）

jquery入门—数据删除与隔行变色以及图片预览

jQuery插件开发基础简单介绍

jquery乱码与contentType属性设置问题解决方案

jquery实现marquee效果（文字或者图片的水平垂直滚动）

onclick与listeners的执行先后问题详细解剖

YUI Compressor压缩JavaScript原理及微优化

js新闻滚动 js如何实现新闻滚动效果

jquery formValidator插件ajax验证内容不做任何修改再离开提示错误的bug解决方法

修改js Calendar日历控件兼容IE9/谷歌/火狐