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

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

2017年02月06日 20 阅读

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

js获取height和width的方法说明

2017年02月06日 21 阅读

复制代码代码如下: <！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使用方法及思路分析

2017年02月06日 21 阅读

一、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对象方法

2017年02月06日 22 阅读

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

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

2017年02月06日 20 阅读

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

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

2017年02月06日 22 阅读

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

jQuery插件开发基础简单介绍

2017年02月06日 16 阅读

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

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

2017年02月06日 17 阅读

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

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

2017年02月06日 20 阅读

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

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

2017年02月06日 20 阅读

以下代码，会先执行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原理及微优化

2017年02月06日 21 阅读

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

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

2017年02月06日 20 阅读

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

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

2017年02月06日 20 阅读

一、jQuery.buildFragment使用方法 1、参数 jQuery.buildFragment（ args, context, scripts ）;2、返回值 return { fragment: fragment, cacheable: cacheable }; 二、思路分析 1、处理context参数根据传入到context参数值的不同，确保context为文档根节点document 2、限制可缓存条件 2.1、字符串小于512字节 2.2...

打豆豆小游戏用javascript编写的[打豆豆]小游戏

2017年02月06日 21 阅读

闲来无事，花了两天时间，用javascript 写了一个打豆豆的游戏，至于怎么玩的就不细说了，到网上搜一下就知道了，很简单。下面是源码，发布出来供大家学习交流。由于本程序没有用到一个图片，所以界面在ie下豆豆都是方形的比较扎眼，建议用chrome浏览器运行，或者firefox 演示地址：http://www.imkoko.com/app/dadoudou.php 不多说，上代码复制代码代码如下: <！DOCTYPE html> <...

滚动图片效果 jquery实现回旋滚动效果

2017年02月06日 20 阅读

今天在网上找到一款回旋滚动效果，拿出来和大家一起分享。先上效果图： html 代码：复制代码代码如下: <！DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8"> <title>jquery-roundabout</title> <style type="text/css"> *{padding:0...

windows系统下简单nodejs安装及环境配置

2017年02月06日 22 阅读

相信对于很多关注javascript发展的同学来说,nodejs已经不是一个陌生的词眼。有关nodejs的相关资料网上已经铺天盖地。由于它的高并发特性，造就了其特殊的应用地位。国内目前关注最高，维护最好的一个关于nodejs的网站应该是http://www.cnodejs.org/这里不想谈太多的nodejs的相关信息。只说一下，windows系统下简单nodejs环境配置。第一步：下载安装文件下载地址：官网http://www.nodejs.org/do...

12款经典的白富美型—jquery图片轮播插件—前端开发必备

2017年02月06日 20 阅读

图片轮播是网站中的常用功能，用于在有限的网页空间内展示一组产品图片或者照片，同时还有非常吸引人的动画效果。本文向大家推荐12款实用的jQuery图片轮播效果插件，帮助你在你的项目中加入一些效果精美的图片轮播效果，希望这些插件能够帮助到你。Nivo Slider 首先推荐的这款插件号称世界上最棒的图片轮播插件，有独立的 jQuery 插件和 WordPress 插件两个版本。目前下载量已经突破 1,800,000 次！jQuery 独立版本的插件主要有如...

javascript 系统文件夹文件操作及参数介绍

2017年02月06日 21 阅读

前期在.net 下进行系统操作，同样的功能实现起来非常复杂，没想到用javascript竟然如此简单，所以在网上搜索了代码并加以改进。复制代码代码如下: function PathList（path） { var fso = new ActiveXObject（"Scripting.FileSystemObject"）; var fldr = fso.GetFolder（path）; var fd = new Enumerator（fldr.SubFo...

jquery Mobile入门—多页面切换示例学习

2017年02月06日 22 阅读

1、在JQuery Mobile中，多个页面的切换是通过<a>元素、并将<href>属性设置为#+对应的id号的方式进行的。2、多页面切换示例代码：复制代码代码如下:<！DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> New Document </TITLE&g...

jquery Moblie入门—hello world的示例代码学习

2017年02月06日 20 阅读

1、需要运行JQuery Mobile 移动应用页面，需要下载JQuery Mobile 3个相关插件文件（有多版本），jquery.mobile-1.2.0.min.css、jquery-1.8.3.min.js、jquery.mobile-1.2.0.min.js，JQuery Mobile官网地址：http://jquerymobile.com 2、将插件文件加载到页面中，注意它们的加载顺序，语句如：复制代码代码如下: <link href...

首页 / 脚本样式 / JavaScript

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

js获取height和width的方法说明

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

jquery入门—访问DOM对象方法

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

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

jQuery插件开发基础简单介绍

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

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

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

YUI Compressor压缩JavaScript原理及微优化

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

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

打豆豆小游戏 用javascript编写的[打豆豆]小游戏

滚动图片效果 jquery实现回旋滚动效果

windows系统下简单nodejs安装及环境配置

12款经典的白富美型—jquery图片轮播插件—前端开发必备

javascript 系统文件夹文件操作及参数介绍

jquery Mobile入门—多页面切换示例学习

jquery Moblie入门—hello world的示例代码学习

打豆豆小游戏用javascript编写的[打豆豆]小游戏