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

eval的两组性能测试数据

2017年02月06日 19 阅读

@老赵的一个微博“ 由eval生成的代码效率真的很差吗？ http://t.cn/zWTUBEo 内含人身攻击，不喜勿入。” 引发了最近对eval火爆的讨论，教主 @Franky 和灰大 @otakustay 也给了精彩的数据分析。刚好之前也做过类似的测试，我也跟风凑个热闹，提供两组数据供大家参考。更新1：感谢灰大 @otakustay 的指导，为排除eval（""）调用本身对结果的影响，增加一组新数据A3, B3。并对旧的全部数据重测。更新2...

精心挑选的12款优秀的基于jQuery的手风琴效果插件和教程

2017年02月06日 19 阅读

当你想在有限的页面空间内展示多个内容片段的时候，手风琴（Accordion）效果就显得非常有用，它可以帮助你以对用户非常友好的方式实现多个内容片段之间的切换。借助流行的 jQuery 框架，只需很少的代码就可以实现精美的手风琴效果，帮助你的网站吸引更多用户的眼球。Elegant Accordion with jQuery and CSS3首先推荐的这款插件是基于 jQuery 和 CSS3 实现的优雅的鼠标悬停手风琴效果。制作教程在线演示Vertica...

网页打开自动最大化的js代码

2017年02月06日 20 阅读

代码1：最常用的代码，比较简单复制代码代码如下: <script language="javascript"> self.moveto（0,0） self.resizeto（screen.availwidth,screen.availheight） </script> 代码2：以下代码放在<head></head>之间: 复制代码代码如下: <script language=″javascri...

EASYUI TREEGRID异步加载数据实现方法

2017年02月06日 17 阅读

官方提供的treegrid的ex 我给大家贴出来看看吧：复制代码代码如下: $（function（）{ $（"#tt"）.treegrid（{ url:"treegrid_data3.json", onAfterEdit:function（row,changes）{ alert（row.name）; } }）; }）这个是页面初始化的。看看他的JSON: 复制代码代码如下: {"total":117,"rows":[ <SPAN styl...

window.open不被拦截的实现代码

2017年02月06日 19 阅读

复制代码代码如下: $（"#last"）.click（function（）{ var w=window.open（）; setTimeout（function（）{ w.location="http://www.baidu.com"; }, 1000）; return false; }）; ...

原生js写的放大镜效果

2017年02月06日 20 阅读

我的大体思路是：时时监听鼠标的坐标，当鼠标移动时，透明层随着鼠标移动，大图片相对透明层的移动而移动。不废话了，看代码。复制代码代码如下: <！DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>放大镜</title> <meta name="Keywords" content=""> <meta na...

javascript动态加载实现方法一

2017年02月06日 22 阅读

现在也有很多JS动态加载的框架，比如In.js。但是这种并不是我想要的编写方式，我来说说我的想法。先来一段java代码复制代码代码如下: import Biz.User; User u = new User（）; u.show（）; 按流程就是导包、实例化、调用。 JS是做不了导包的，或者说代码意义上的导包，一般只是在页面上进行script标签的引入。那么先假设需要写成这样复制代码代码如下: Using（"User"）; var u = n...

javascript动态加载二

2017年02月06日 17 阅读

在上一篇javascript动态加载中，提到了使用同步加载策略这一个方式来实现如复制代码代码如下: Using（"jquery"）; Using（"User"）; $（"#ID"）.click（function（）{ var user = new User（）; user.name = "xx"; user.show（）; }）; 由于JS是单线程的，所以同步策略带来的坏处不少，比如阻止之后的代码运行、造成浏览器假死等问题。使用异步策略又难以实现先...

javascript动态加载三

2017年02月06日 17 阅读

之前两篇都介绍了，通过动态加载JS文件或者说JS模块，是怎么一步一步实现。首先是通过同步策略来实现模块加载与回调函数之间进行分离，接着是通过异步策略来实现模块加载与回调函数之间进行分离。这一篇，主要是为了说说怎么优化异步策略，并且实现了随意加载（非任意顺序加载模块），页面Ready之后加载文件。先接一下上一篇遗留下来的问题 1、页面Ready之后进行加载 2、随意添加模块进行加载看第一个问题，这个问题其实还是比较简单的，主要是监听页面的DOMCon...

js选取多个或单个元素的实现代码（用class）

2017年02月06日 17 阅读

复制代码代码如下: function getElementsByClassName（elem_name,elem_tags） { //elem_name:查询的class名,elem_tags:在哪个元素下查找 if（elem_tags == null） { elem_tags = "*"; } var all_elem = document.getElementsByTagName（elem_tags）;//返回一个元素数组 var arr = [];...

javascript高级程序设计第二版第十二章事件要点总结（常用的跨浏览器检测方法）

2017年02月06日 16 阅读

复制代码代码如下: var EventUtil={ //跨浏览器处理程序---创建方法 addHandler:function（element,type,handler）{ if（element.addEventListener）{ element.addEventListneter（type,handler,false）; }else if（element.attachEvent）{ element.attachEvent（"on"+type,hand...

基于jquery的bankInput银行卡账号格式化

2017年02月06日 20 阅读

jquery bankInput插件是银行卡进行格式化显示，能控制文本框输入最小最大个数、控制只能输入数字、控制不能粘贴不能使用输入法。同时插件能实现自动加载格式化显示和支持非输入框的格式话显示。复制代码代码如下: <script type="text/javascript" src="__JS__/jquery.bankInput.js"></script> <script>$（".account"）.bankInp...

jquery动画1.加载指示器

2017年02月06日 19 阅读

该系列文章是我阅读《jQuery 1.4 Animation Techniques》后的总结，有兴趣的朋友可以去看原版书籍。动画效果对于丰富网站的交互体验起到了不可或缺的作用，他可以让你的站点更酷，更吸引人。什么时候使用动画： 1.当显示或隐藏页面、弹出框或内容区域的时候； 2.当一些内容从页面的一个地方移动到其他地方的时候； 3.当页面中的一些内容，应用户的操作而产生状态改变的时候； 4.当一些内容在几种状态间转变的时候； 5...

jquery动画2.元素坐标动画效果（创建一个图片走廊）

2017年02月06日 19 阅读

效果预览图片：大家可以下载demo看完整效果，下面介绍制作过程。 1.首先创建一个html页面，html结构如下：复制代码代码如下: <div id="slider"> <div id="viewer"> <img id="image1" src="img/amstrad.jpg" alt="Amstrad CPC 472" /> <img id="image2" src="img/atari.jpg" ...

jquery动画3.创建一个带遮罩效果的图片走廊

2017年02月06日 19 阅读

复制代码代码如下: #frame { position: relative; width: 700px; height: 400px; overflow: hidden; z-index: 0; } #frame img { width: 700px; height: 400px; position: absolute; top: 0; left: 0; z-index: 1; } #frame img.visible { z-index: 2; } #...

jquery动画4.升级版遮罩效果的图片走廊--带自动运行效果

2017年02月06日 21 阅读

主要的变化点有：把‘下一条"、‘上一条"的click事件抽象到一个函数showNext中。添加setInterval，添加selector元素的hover事件。好了，我们一个个的看。 showNext函数：复制代码代码如下: //显示函数 function showNext（flag） { //隐藏导航 $（config.selector）.find（"a"）.css（"display", "none"）; //创建遮罩 $.tranzify.crea...

javascript数字格式化通用类 accounting.js使用

2017年02月06日 18 阅读

代码内容及下载地址 accounting.js代码如下：复制代码代码如下: /*！ * accounting.js v0.3.2 * Copyright 2011, Joss Crowcroft * * Freely distributable under the MIT license. * Portions of accounting.js are inspired or borrowed from underscore.js * * Full d...

Jquery 数据选择插件Pickerbox使用介绍

2017年02月06日 16 阅读

该插件就是为此而生,所以就写了一个. 不过目前并不支持IE6浏览器. 希望大家能多多指教. :） pickerbox 1.0 介绍 pickerbox简称采摘盒子,是基于Jquery的插件,同时也依赖了Ztree3.2,Easyui1.26,及AsyncBox1.4.5.主要为了解决选择多条件的数据. -封装主要插件复杂的使用,关心主要的常用使用. -支持树,导航导向呈现数据. -支持跨iframe获取数据. -灵活支持记录数据. -提供重要事件回调. -...

Javascript获取标签ID改变style属性的代码

2017年02月06日 19 阅读

实例JavaScript代码下面的这段代码中，我们通过select元素的name属性来设置具体要访问style的哪个属性（本例中为背景色），这样，这个函数就可以用来设置不同的CSS属性了。复制代码代码如下: <script type="text/javascript"> var d = document.getElementById（"d"）; function setProperty（）{ var set = docum...

javascript 判断中文字符长度的函数代码

2017年02月06日 19 阅读

JS的字符串都是string对象，可以用string对象的length属性可以获取其长度，但是无论是中文、全角符号以及英文最小长度单位都是1，这与php的strlen（）并不相同。复制代码代码如下: function strlen（str） { var s = 0; for（var i = 0; i < str.length; i++） { if（str.charAt（i）.match（/[u0391-uFFE5]/）） { s += 2; } e...

首页 / 脚本样式 / JavaScript

eval的两组性能测试数据

精心挑选的12款优秀的基于jQuery的手风琴效果插件和教程

网页打开自动最大化的js代码

EASYUI TREEGRID异步加载数据实现方法

window.open不被拦截的实现代码

原生js写的放大镜效果

javascript动态加载实现方法一

javascript动态加载二

javascript动态加载三

js选取多个或单个元素的实现代码（用class）

javascript高级程序设计第二版第十二章事件要点总结（常用的跨浏览器检测方法）

基于jquery的bankInput银行卡账号格式化

jquery动画1.加载指示器

jquery动画2.元素坐标动画效果（创建一个图片走廊）

jquery动画3.创建一个带遮罩效果的图片走廊

jquery动画4.升级版遮罩效果的图片走廊--带自动运行效果

javascript数字格式化通用类 accounting.js使用

Jquery 数据选择插件Pickerbox使用介绍

Javascript获取标签ID改变style属性的代码

javascript 判断中文字符长度的函数代码