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

初识SmartJS - AOP三剑客

2017年02月06日 14 阅读

SmartJS的内容规划比较多，也无法在短时间全部完成，目前就以小版本一个个功能累加。第一期0.1版发布的内容主要是实现前端面向切面编程（AOP）的一些支持。 1. PromiseEvent 基于事件和promise的回调管理，类似于jquery的callbacks，但具有结果传递，优先级，事件参数，promise控制等功能 2. Trigger 触发器，在对象上应用触发器（aop）功能，目标对象会具有方法注入功能（基于promiseEvent），注...

使用Node.js实现一个简单的FastCGI服务器实例

2017年02月06日 12 阅读

本文是我最近对Node.js学习过程中产生的一个想法，提出来和大家一起探讨。Node.js的HTTP服务器使用Node.js可以非常容易的实现一个http服务，最简的例子如官方网站的示例：复制代码代码如下:var http = require（"http"）;http.createServer（function （req, res） { res.writeHead（200, {"Content-Type": "text/plain"}）; res.end...

JavaScript利用正则表达式去除日期中的-

2017年02月06日 12 阅读

1、说明经常会出现这样的情况，页面的日期格式是：YYYY-MM-DD，而数据库中的日期格式是：YYYYMMDD，两者之间需要转换一下，方能传到Java后台查询数据。通常，这种转化的方法有两种，第一种，将日期字符串先截取，然后拼接；第二种，就是利用正则表达式去掉“-” 相比较而言，第二种方法快捷，不容易出错。 2、实现源码复制代码代码如下: <%@ page language="java" import="java.util.*" pageEn...

javascript的动态加载、缓存、更新以及复用（一）

2017年02月06日 14 阅读

使用范围： OA、MIS、ERP等信息管理类的项目，暂时不考虑网站。遇到的问题：完成一个项目，往往需要引用很多js文件，比如jQuery.js、easyUI等。还有自己写的一些列js文件，那么这些文件如何方便的加载，如果文件有变化如何才能让客户端及时更新缓存？如果能够提高点运行效率，那就更好了。目标：1、可以方便的引用js文件。2、尽量使用各种缓存，避免频繁从服务器读取文件。3、如果js文件有更新或者增加、减少几个减少js文件，需要客户端能够自...

jQery使网页在显示器上居中显示适用于任何分辨率

2017年02月06日 15 阅读

检测屏幕宽度，并设置为id为frame的div宽度，根据自己网页的最大宽度来调节，小demo最大宽度为1440 复制代码代码如下: <！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/...

js判断元素是否隐藏的方法

2017年02月06日 15 阅读

复制代码代码如下: if（ document.getElementById（"div"）.css（"display"）==="none"） if（ document.getElementById（"div"）.css（"display"）==="block"） $（"#div"）.is（":hidden"）; // 判断是否隐藏 $（"#div"）.is（":visible"） ...

javascript控制在光标位置插入文字适合表情的插入

2017年02月06日 13 阅读

直接上代码吧，用js控制在光标位置插入。在实现表情的插入时用到了。复制代码代码如下: <span style="font-size:18px;"><html> <head> <script type="text/javascript"> function test（str）{ var tc = document.getElementById（"mytextarea"）; var tclen = tc.v...

jQuery select表单提交省市区城市三级联动核心代码

2017年02月06日 15 阅读

jQuery select表单提交省市区城市三级联动,引用的是“jquery-1.7.min”类库，地区码查询地区名用数组存在AreaData_min，下面摘要部分代码： SelectArea.htm文件复制代码代码如下: <！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transition...

jquery中 $.expr使用实例介绍

2017年02月06日 17 阅读

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

js动态创建标签示例代码

2017年02月06日 16 阅读

复制代码代码如下: <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <% String path = request.getContextPath（）; String basePath = request.getScheme（） + "://" + request.getServerName（） + ":" + request.getServerP...

jQuery实现的Div窗口震动特效

2017年02月06日 15 阅读

复制代码代码如下: <！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" conte...

用box固定长宽实现图片自动轮播js代码

2017年02月06日 15 阅读

这个小DEMO，主要用box固定长宽用于显示图片，将图片放入imagebox中，连接起来，每次换图片则将imagebox的style属性的margin-left改动，能形成轮播的效果。复制代码代码如下: <！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">...

jQuery学习笔记之jQuery.fn.init（）的参数分析

2017年02月06日 13 阅读

从return new jQuery.fn.init（ selector, context, rootjQuery ）中可以看出参数selector和context是来自我们在调用jQuery方法时传过来的.那么selector和context都有哪些可能.对于表格中的4~9行中的可能做具体分析.如果selector是字符串,则首先检测是html代码还是#id.126行的if语句:以"<"开头,以">"结尾,且长度>=3.则假设额这个是H...

js利用prototype调用Array的slice方法示例

2017年02月06日 19 阅读

复制代码代码如下: <script type="text/javascript"> function fn（name）{ if（typeof name === "string"）{ var args = Array.prototype.slice.call（ arguments, 1 ）; for（var i=0;i<args.length;i++）{ alert（args[i]）;//结果: 111 222 } } } functio...

jQuery学习笔记之jQuery.extend（）,jQuery.fn.extend（）分析

2017年02月06日 12 阅读

deep是布尔值,表示是否进行深度合并,默认是false,不执行深度合并.通过这种方式可以在jQuery或jQuery.fn上添加新的属性和方法,jQuery的其他模块大都是这么实现的.给jQuery添加扩展时用$.extend（）如:jQuery.extend（{add:function（a,b）{return a+b}}）使用:$.add（1,3）=====>4;给jQuery实例对象添加扩展时用$.fn.extend（）;$.fn.extend...

js操作模态窗口及父子窗口间相互传值示例

2017年02月06日 13 阅读

parent.hmtl 复制代码代码如下: <！DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">...

jQuery简易图片放大特效示例代码

2017年02月06日 13 阅读

DEMO点击圆形图片，图片方法，将水的图片放置与下层，鼠标移上去的时候，图片高与宽同比增大，并且图片向左上移动代码复制代码代码如下: <！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.or...

jQuery学习笔记之jQuery原型属性和方法

2017年02月06日 13 阅读

复制代码代码如下:jQuery.fn = jQuery.prototype = { constructor: jQuery, init: function（ selector, context, rootjQuery ） { }, selector: "", jquery: "1.7.2", length: 0, size: function（） {}, toArray: function（） {}, get: function（ num ） ...

jQuery学习笔记之toArray（）

2017年02月06日 14 阅读

从源码中可以看到,这些常见的方法,都是直接从原生的javascript中"借鉴"过来的.为什么这么说呢？225行中,在运行时,this是指向jQuery对象的,通过call语句借鉴slice方法,切割出一个数组出来,这种"借鸡下蛋"的方法,真的是让人拍手叫绝.slice（start,end）是用来切分数组的.start表示切分数组的开始位置.省略end表示到从start一直到最后...

javascript浏览器兼容教程之事件处理

2017年02月06日 13 阅读

1. window.event【分析说明】先看一段代码复制代码代码如下:function et（）{ alert（event）;//IE: [object]} 以上代码在IE运行的结果是[object]，而在Firefox无法运行。因为在IE中event作为window对象的一个属性可以直接使用，但是在Firefox中却使用了W3C的模型，它是通过传参的方法来传播事件的，也就是说你需要为你的函数提供一个事件响应的接口。【兼容处理】添加对event判...

首页 / 脚本样式 / JavaScript

初识SmartJS - AOP三剑客

使用Node.js实现一个简单的FastCGI服务器实例

JavaScript利用正则表达式去除日期中的-

javascript的动态加载、缓存、更新以及复用（一）

jQery使网页在显示器上居中显示适用于任何分辨率

js判断元素是否隐藏的方法

javascript控制在光标位置插入文字适合表情的插入

jQuery select表单提交省市区城市三级联动核心代码

jquery中 $.expr使用实例介绍

js动态创建标签示例代码

jQuery实现的Div窗口震动特效

用box固定长宽实现图片自动轮播js代码

jQuery学习笔记之jQuery.fn.init（）的参数分析

js利用prototype调用Array的slice方法示例

jQuery学习笔记之jQuery.extend（）,jQuery.fn.extend（）分析

js操作模态窗口及父子窗口间相互传值示例

jQuery简易图片放大特效示例代码

jQuery学习笔记之jQuery原型属性和方法

jQuery学习笔记之toArray（）

javascript浏览器兼容教程之事件处理