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

createElement与createDocumentFragment的点点区别小结

2016年07月27日 5 阅读

网上可以搜到的大部分都是说使用createDocumentFragment主要是因为避免因createElement多次添加到document.body引起的效率问题，比如：复制代码代码如下: var arrText=["1","2","3","4","5","6","7","8","9","10"]; for（var i=0;i<arrText.length;i++）{ var op=document.createElement（"P"）; v...

extjs实现选择多表自定义查询功能前台部分（ext源码）

2016年07月27日 6 阅读

主要使用的技术： 1、extjs2.0，整体框架 2、RemoteCheckboxGroup.js ，用于动态生成表字段（供查询结果使用） 3、Ext.ux.grid.RowActions.js，用于grid行扩展（上移下移删除等） 4、Datetime.js，用于时间选择 5、MetaGrid.js 用于动态生成查询结果列表（返回结果Grid） 6、ehcache 用于缓存自定表数据，比如表名称、字段描述、长度等固定信息 7、jxl.jar 用于查询结果...

在iframe里的页面编写js，实现在父窗口上创建动画效果展开和收缩的div（不变动iframe父窗口代码）

2016年07月27日 5 阅读

复制代码代码如下: <%@ page contentType="text/html; charset=GBK" language="java"%> <%@ page import="com.jstrd.mm.business.sysmgr.monitor.logic.MMStock2BudgetLogic" %> <% String query = request.getParameter（"query"）; MMStock...

更换select下拉菜单背景样式的实现代码

2016年07月27日 6 阅读

复制代码代码如下: <style> .uboxstyle{width:174px;height:39px; float:right;} #uboxstyle{width:174px;height:39px; float:right;} #uboxstyle .select_box{width:174px;height:39px; float:left;} #uboxstyle div.tag_select{display:block;colo...

五段实用的js高级技巧

2016年07月27日 5 阅读

技巧一之setTimeout. 应用案例:比如你想一个函数循环执行10次,怎么办？以前通常是先setInterval,然后clearInterval,技巧一就是克服这个问题复制代码代码如下: （function （） { var i = 0; function job（） { console.log（i++）; if （i < 10） { setTimeout（job, 1000）; } } job（）; }）（）; 上面这个job函数就只会乖...

javascript判断iphone/android手机横竖屏模式的函数

2016年07月27日 5 阅读

查了不少资料，最后结论如下：复制代码代码如下: function orientationChange（）{ switch（window.orientation） { case 0: // Portrait case 180: // Upside-down Portrait // Javascript to setup Portrait view break; case -90: // Landscape: turned 90 degrees count...

JavaScript控制图片360度旋转代码

2016年07月27日 5 阅读

JavaScript控制图片360度旋转代码 var isIE = （document.uniqueID）？1:0; var i=1; function rotate（image） { var object = image.parentNode; if（isIE）{ image.style.filter="progid:dXImagetransform.Microsoft.basicImage（rotation="+i+"）"; i++; if（i>4...

用JavaScript仿PS里的羽化效果代码

2016年07月27日 5 阅读

复制代码代码如下:<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>用JavaScript防PS里的羽化效果代码 - www.jb51.net</title> </head> <body onload=setValues（）> <cent...

Javascript面向对象设计一工厂模式

2016年07月27日 5 阅读

1、工厂模式抽象了创建具体对象的过程，但是在ECMAScript中无法创建类，所以就使用一种函数来封装以特定接口创建对象的细节。以一下情况为例，有一个员工类，有姓名、年龄、职位属性，复制代码代码如下:function CreateEmployee（name, age, job） { var Emp = new Object（）; Emp.name = name; Emp.age = age; Emp.job = job; Emp.sayName = ...

JavaScript面向对象设计二构造函数模式

2016年07月27日 5 阅读

我们将使用构造函数模式将工厂模式进行改写。复制代码代码如下: function Employee（name, age, job） { this.name = name; this.age = age; this.job = job; this.sayName = function （） { alert（this.name）; }; } var Jim = new Employee（"jim", 22, "SoftWare Engineer"）; var...

js change,propertychange,input事件小议

2016年07月27日 5 阅读

https://github.com/mootools/mootools-core/issues/2170这个问题来自IE（LTE8）中对checkbox和radio change事件的实现问题，在IE（LTE8）中测试下来，当你点击一个checkbox或者radio，它的change事件是不会立即触发，除非你让它失去焦点，而在其他标准浏览器中（包括IE9），是点击后立即触发change事件的，这的确是个蛋疼的问题，说到解决方法，倒也比较容易，用IE（LT...

suggestion开发小结以及对键盘事件的总结（针对中文输入法状态）

2016年07月27日 5 阅读

重要的键盘事件：事件顺序：keydown -> keypress ->keyup 对于输入法开启时： keypress：这三个事件中最最特别的事件的说,如果巧妙运用可以事半功倍： 1. 首先对于大部分功能键是没有keypress事件的 Caps lock ，shift，alt，ctrl，num lock、、、庆幸的是enter拥有此事件 2. 对于字母，数字，press返回的keyCode是不可靠的在IE和webkit 下返回的是ASC...

js汉字排序问题支持中英文混排，兼容各浏览器，包括CHROME

2016年07月27日 6 阅读

具体技术 1.使用GB编码与UNICODE的转换 2.数组关联排序注意：GB编码库地址 http://demo.jb51.net/jslib/qswhGB2312.js 代码（demo写的很简陋）复制代码代码如下: <script> //power by 毛绒猫猫 liuyutong@baidu.com var strGB="啊阿埃挨哎唉哀皑癌蔼矮艾碍爱隘鞍氨安俺按暗岸胺案肮昂盎凹敖熬翱袄傲奥懊澳芭捌扒叭吧笆八疤巴拔跋靶把耙坝霸罢爸白柏...

js有关元素内容操作小结

2016年07月27日 5 阅读

1.innerHTML 这个大家一定都很熟悉，可读可写，修改元素内容相当快捷方便，在兼容问题上可以参考W3Help中一个知识记录。 2.outerHTML 此方法可以用于对元素自身的快速替换,比如: 复制代码代码如下: <p id="hello">Hello, I am a demo</p> $（"hello"）.outerHTML = "<p>Hello, I am a replacement</p>";...

javascript之querySelector和querySelectorAll使用介绍

2016年07月27日 6 阅读

一开始很多人都会拿jquery的选择器来跟这两个api做对比（我也是），比较异同本来没事，但却使一些同学对这两个api在浏览器中的实现产生了误解，特别是再dom element上调用此api时。下面是我的jsFiddle示例，我就以此展开说明： js代码: 复制代码代码如下: （function（global） { global.doc = document; global.body = doc.getElementsByTagName（"body"）...

非主流的textarea自增长实现js代码

2016年07月27日 6 阅读

其中大部分是靠scrollHeight（非W3C标准，由IE引入），keyup事件来完成。有一种比较有意思的是通过“镜像元素（mirror element）”, 和setTimeout轮询实现。大致的实现思路如下: 把一个单独的pre元素，通过position:absolute的方式定位于client view之外，并且把它和textarea的样式设置的一样，我们把这个pre元素称为“mirror“，然后通过setTimeout进行200ms的轮询，把t...

js实现的仿新浪微博完美的时间组件升级版

2016年07月27日 5 阅读

这个时间组件以前发过一次,上次那个很烂,这次有时间了,把这个升级了,性能更好,完美兼容所有浏览器,ie6下拉select档不住的问题也解决了.总之,差不多也算一个完美的时间组件, 在线demo nothingDemo 突然发现下面的代码里面有个运行代码可以看在线demo,就再最下面然后贴出源码,只有一点简单的说明复制代码代码如下: <！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitiona...

这段js代码得节约你多少时间

2016年07月27日 5 阅读

1.应用案例: 复制代码代码如下: var Mouse = function （） { // Look！ no that = this！ this.position = [0, 0]; if （document.addEventListener） { document.addEventListener（"mousemove", ？）; //this.move？ } else if （document.attachEvent） { document.att...

40款非常有用的 jQuery 插件推荐（系列一）

2016年07月27日 8 阅读

今天开始将发布系列文章向大家分享40款非常有用的 jQuery 插件。MotionCAPTCHA（演示|下载）MotionCAPTCHA 是一款非常特别的 jQuery 验证码插件，要求用户画出看到的形状才能通过验证，用到了 Canvas 标签，所以只能在现代浏览器中使用。Smart Validate（演示|下载）这是一款基于 jQuery 的信用卡验证插件，使得繁琐的信用卡格式验证变得轻松，支持各种流行的行用卡类型。Wave Display Effect...

用JSON做数据传输格式中的一些问题总结

2016年07月27日 6 阅读

向客户端提供JSON数据的方式一. 用WCF提供Json数据用WCF向客户端提供Json数据我们需要注意, A. 契约的定义, 在WebInvokeAttribute 或者 WebGetAttribute中的ResponseFormat设置为WebMessageForm.Json, 复制代码代码如下: [WebInvoke（Method = "POST", ResponseFormat = WebMessageFormat.Json, Request...

首页 / 脚本样式 / JavaScript

createElement与createDocumentFragment的点点区别小结

extjs实现选择多表自定义查询功能 前台部分（ext源码）

在iframe里的页面编写js，实现在父窗口上创建动画效果展开和收缩的div（不变动iframe父窗口代码）

更换select下拉菜单背景样式的实现代码

五段实用的js高级技巧

javascript判断iphone/android手机横竖屏模式的函数

JavaScript控制图片360度旋转代码

用JavaScript仿PS里的羽化效果代码

Javascript面向对象设计一 工厂模式

JavaScript面向对象设计二 构造函数模式

js change,propertychange,input事件小议

suggestion开发小结以及对键盘事件的总结（针对中文输入法状态）

js汉字排序问题 支持中英文混排，兼容各浏览器，包括CHROME

js有关元素内容操作小结

javascript之querySelector和querySelectorAll使用介绍

非主流的textarea自增长实现js代码

js实现的仿新浪微博完美的时间组件升级版

这段js代码得节约你多少时间

40款非常有用的 jQuery 插件推荐（系列一）

用JSON做数据传输格式中的一些问题总结

extjs实现选择多表自定义查询功能前台部分（ext源码）

Javascript面向对象设计一工厂模式

JavaScript面向对象设计二构造函数模式

js汉字排序问题支持中英文混排，兼容各浏览器，包括CHROME