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

JS字符串累加Array不一定比字符串累加快（根据电脑配置）

2017年02月06日 21 阅读

先贴出完整代码. 复制代码代码如下: <script type="text/javascript"> function StringBuffer（） { this._strings = new Array（）; } StringBuffer.prototype.append = function（str） { this._strings.push（str）; //StringBuffer.prototype.length = this._st...

js中scrollHeight,scrollWidth,scrollLeft,scrolltop等差别介绍

2017年02月06日 22 阅读

复制代码代码如下: <！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> <meta http-equiv="Content...

inputSuggest文本框输入时提示、自动完成效果（邮箱输入自动补全插件）

2017年02月06日 23 阅读

像QQ邮箱提示、百度的搜索框提示、淘宝的商品搜索提示等，现在有不少的网站都有类似效果，以提升用户体验。使用方法： new InputSuggest（{ input HTMLInputElement 必选 data Array ["sina.cn","sina.com","2008.sina.com","vip.sina.com.cn"] 必选 containerCls 容器className itemCls 容器子项classNa...

游览器中javascript的执行过程（图文）

2017年02月06日 23 阅读

1. 大多数游览器的组件构成如图在最底层的三个组件分别是网络，UI后端和js解释器。作用如下：（1）网络－用来完成网络调用，例如http请求，它具有平台无关的接口，可以在不同平台上工作（2）UI 后端－用来绘制类似组合选择框及对话框等基本组件，具有不特定于某个平台的通用接口，底层使用操作系统的用户接口（3）JS解释器－用来解释执行JS代码 ps：上图和知识点主要来自《HOW BROWSERS WORK: BEHIND THE SCENES O...

Javascript 异步加载详解（浏览器在javascript的加载方式）

2017年02月06日 18 阅读

一、同步加载与异步加载的形式 1. 同步加载我们平时最常使用的就是这种同步加载形式： <script src="http://yourdomain.com/script.js"></script> 同步模式，又称阻塞模式，会阻止浏览器的后续处理，停止了后续的解析，因此停止了后续的文件加载（如图像）、渲染、代码执行。 js 之所以要同步执行，是因为 js 中可能有输出 document 内容、修改dom、重定向等行为，所以默认同步执...

js面向对象多种创建对象方法小结

2017年02月06日 20 阅读

开始创建对象： 1.对象字面量。复制代码代码如下: var clock={ hour:12, minute:10, second:10, showTime:function（）{ alert（this.hour+":"+this.minute+":"+this.second）; } } clock.showTime（）;//调用 2.创建Object实例复制代码代码如下: var clock = new Object（）; clock.hour...

jQuery下通过replace字符串替换实现大小图片切换

2017年02月06日 21 阅读

核心就是使用replace替换img src的图片路径，从而实现不同尺寸图片的切换。下面这个动画就是显示了尺寸切换，单击“大图”按钮，则改变图片的src，加载大图，单击“小图”按钮，则又显示小图。 replace用法简单讲解：我其实也是新手，讲得不对望海涵。字符串.replace（a,b）;指的是用b将字符串含有a的部分代替，例如字符串obj="welcome to my website！"; obj.replace（"my","jb51net"）;...

基于jquery tab切换（防止页面刷新）

2017年02月06日 21 阅读

在网上找了很多jquery效果，都是这样的，于是自己写了一个。防止页面刷新的tab切换， html代码: 复制代码代码如下: <！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...

使用JQuery和CSS模拟超链接的用户单击事件的实现代码

2017年02月06日 22 阅读

在正式开始本文之前，先来简单介绍下HTML的<a>标签：使用<a>标签，我们可以在HTML页面上定义锚（anchor），锚有两种用法：通过使用 href 属性，创建指向另外一个文档的链接（或超链接）通过使用 name 或 id 属性，创建一个文档内部的书签（也就是说，可以创建指向文档片段的链接）本文的内容与锚的第一种用法有关。复制代码代码如下: <%@ Page Language="C#" AutoEventWire...

jquery.Jwin.js 基于jquery的弹出层插件代码

2017年02月06日 21 阅读

代码如下：复制代码代码如下: （function （$） { var imgdir = "images/";//图片文件夹路径 var autoHide=false;//悬浮div是否自动隐藏 var hideType="hide";//隐藏的方式可选参数 hide、slide、fade var hideDelay=0;//悬浮div隐藏过程使用的时间 var hideTime=0;//悬浮div延迟隐藏时间 var zIndex=100;//多个d...

jquery.pagination.js 无刷新分页实现步骤分享

2017年02月06日 20 阅读

1.使用插件为 jquery.pagination.js ，如果没有这个js文件的话，我可以给发个。首先引用 jquery.pagination.js （分页js），跟pagination.css（分页样式css）。 2.页面js代码为复制代码代码如下: <script type="text/javascript"> var pageIndex = 0; //页面索引初始值 var pageSize = 15; //每页显示条数初始化，修...

jQuery-onload让第一次页面加载时图片是淡入方式显示

2017年02月06日 21 阅读

复制代码代码如下: $（"#load img"）.load（function（） { //图片默认隐藏 $（this）.hide（）; //使用fadeIn特效 $（this）.fadeIn（"5000"）; }） <div id="load" class="loading"><img src="images/apple_3_bigger.jpg" style=" height:auto" id="uu1"> 第一次打开一个页面...

各浏览器中querySelector和querySelectorAll的实现差异分析

2017年02月06日 20 阅读

querySelector和querySelectorAll是W3C提供的新的查询接口复制代码代码如下: module dom { [Supplemental, NoInterfaceObject] interface NodeSelector { Element querySelector（in DOMString selectors）; NodeList querySelectorAll（in DOMString selectors）; }; Doc...

jQuery 1.7.2中getAll方法的疑惑分析

2017年02月06日 21 阅读

getAll方法是私有的，在manipulation模块中。代码只有简单的几行，如下复制代码代码如下: function getAll（ elem ） { if （ typeof elem.getElementsByTagName ！== "undefined" ） { return elem.getElementsByTagName（ "*" ）; } else if （ typeof elem.querySelectorAll ！== "undef...

判断多个input type=file是否有已经选择好文件的代码

2017年02月06日 21 阅读

表单中有多个<input type="file" name="uploadfile" contentEditable="false" style="width:80%">，提交表单时需要判断其中至少要有一个input已经选择好文件。复制代码代码如下: <input type="file" name="uploadfile" contentEditable="false" style="width:80%"><br>...

基于jQuery的图片左右无缝滚动插件

2017年02月06日 21 阅读

在线演示：http://demo.jb51.net/js/2012/myslideLeftRight/打包下载：http://www.jb51.net/jiaoben/44973.html核心代码: 复制代码代码如下: （function（$）{ $.fn.extend（{ "slidelf":function（value）{ value = $.extend（{ "prev":"", "next":"", "speed":"" },value） var...

Javascript 闭包引起的IE内存泄露分析

2017年02月06日 21 阅读

复制代码代码如下: function fors（）{ obj_a = obj_b; obj_b.attr = obj_a; } 复制代码代码如下: function fors（）{ obj_b = {}; obj_b.attr = obj_b; } 上面是两个个很显示的循环引用，IE中产生了内存泄露，由于IE的内存回收机制，导至会长期占用内存而不能释放。但闭包的内存泄露，有些隐蔽。因为闭包的循环引用,是间接的。复制代码代码如下: functi...

Javascript 面向对象（一）（共有方法，私有方法，特权方法）

2017年02月06日 21 阅读

私有方法：私有方法本身是可以访问类内部的所有属性的，即私有属性和公有属性。但是私有方法是不可以在类的外部被调用。私有方法写法：复制代码代码如下: function myClass （） { var private_attribute = initial_value; function private_method （） { } var private_method2 = function （） { } } 实例showpet（）就是一个私有方法复...

Javascript 面向对象（二）封装代码

2017年02月06日 21 阅读

写个小例子：第一步:做一个“手机的类" 复制代码代码如下: var MobilePhone = （function（）{ ………… }）（）第二步：考虑这个类，里需要那些类的私有属性，这里我想定义的是实例出来手机的数量复制代码代码如下: var MobilePhone = （function（）{ //私有属性 var count = 0; //代表手机的数量 }）（）第三步：创建一个构造函数，即实例时候，对产生的新象的一个初始化，...

Javascript 面向对象（三）接口代码

2017年02月06日 22 阅读

程序中的接口：规定好有几个方法，方法名是什么。（因程序中要完成任务，都是通过函数或者说方法去实现的。） javascript中的接口：把实例出来的某"类型对象"、和实例出来的"接口对象",进行一个比较，符合规则，就可以说：这个对象实现了规定的接口；（接口类：通过这个类，来实例出不同的接口。即不同的接口实例，也就是不同的方法个数和方法名称）（进行比较：其实质就是判断子类型实例出来的对象，是否有接口对象中所保存的方法名，还有个数。）小实例：电话类,...

首页 / 脚本样式 / JavaScript

JS字符串累加Array不一定比字符串累加快（根据电脑配置）

js中scrollHeight,scrollWidth,scrollLeft,scrolltop等差别介绍

inputSuggest文本框输入时提示、自动完成效果（邮箱输入自动补全插件）

游览器中javascript的执行过程（图文）

Javascript 异步加载详解（浏览器在javascript的加载方式）

js面向对象 多种创建对象方法小结

jQuery下通过replace字符串替换实现大小图片切换

基于jquery tab切换（防止页面刷新）

使用JQuery和CSS模拟超链接的用户单击事件的实现代码

jquery.Jwin.js 基于jquery的弹出层插件代码

jquery.pagination.js 无刷新分页实现步骤分享

jQuery-onload让第一次页面加载时图片是淡入方式显示

各浏览器中querySelector和querySelectorAll的实现差异分析

jQuery 1.7.2中getAll方法的疑惑分析

判断多个input type=file是否有已经选择好文件的代码

基于jQuery的图片左右无缝滚动插件

Javascript 闭包引起的IE内存泄露分析

Javascript 面向对象（一）（共有方法，私有方法，特权方法）

Javascript 面向对象（二）封装代码

Javascript 面向对象（三）接口代码

js面向对象多种创建对象方法小结