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

javascript的事件触发器介绍的实现

2017年02月06日 12 阅读

事件触发器从字面意思上可以很好的理解，就是用来触发事件的，但是有些没有用过的朋友可能就会迷惑了，事件不是通常都由用户在页面上的实际操作来触发的吗？这个观点不完全正确，因为有些事件必须由程序来实现，如自定义事件，jQuery的ajax框架的一些自定义事件就必须由事件触发器来实现。当然，在一些特殊情况下，用事件触发器来触发事件比用户的实际操作来触发事件更方便。对于实现事件触发器，浏览器都有原生的方法来支持，但是在兼容性上又有很大的出入，这种兼容性的问题完全在意...

原生js实现fadein 和 fadeout淡入淡出效果

2017年02月06日 12 阅读

js里面设置DOM节点透明度的函数属性：filter= "alpha（opacity=" + value+ "）"（兼容ie）和opacity=value/100（兼容FF和GG）。先来看看设置透明度的兼容性代码：复制代码代码如下: function setOpacity（ele, opacity） { if （ele.style.opacity ！= undefined） { ///兼容FF和GG和新版本IE ele.style.opacity =...

首页图片漂浮效果示例代码

2017年02月06日 13 阅读

复制代码代码如下: <！--首页图片漂浮开始--> <script type="text/javascript" language="javascript"> function addEvent（obj, evtType, func, cap） { cap = cap || false; if （obj.addEventListener） { obj.addEventListener（evtType, func, cap）; re...

IE6-IE9中tbody的innerHTML不能赋值的解决方法

2017年02月06日 15 阅读

IE6-IE9中tbody的innerHTML不能赋值，重现代码如下复制代码代码如下: <！DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title>IE6-IE9中tbody的innerHTML不能复制bug</title> </head> <body style="height:3000px">...

jQuery文件上传插件Uploadify使用指南

2017年02月06日 17 阅读

对于HTML5版本会比较好的支持手机浏览器，避免苹果手机Safari浏览器不支持Flash，主要特性：支持多文件上传、HTML5版本可拖拽上传、实时上传进度条显示、强大的参数定制功能，如文件大小、文件类型、按钮图片定义、上传文件脚本等。Flash版本使用方法：1.加载JS和CSS复制代码代码如下:<script src="jquery/1.7.1/jquery.min.js" type="text/javascript"></scrip...

获取中文字符串的实际长度代码

2017年02月06日 13 阅读

JS中默认中文字符长度和其它字符长度计算方法是一样的，但某些情况下我们需要获取中文字符串的实际长度，代码如下：复制代码代码如下: function strLength（str） { var realLength = 0, len = str.length, charCode = -1; for （var i = 0; i < len; i++） { charCode = str.charCodeAt（i）; if （charCode >= ...

网页右下角弹出窗体实现代码

2017年02月06日 12 阅读

复制代码代码如下: <！--开始--> <style type="text/css"> #msg_win{position:absolute;right:0px;display:none;overflow:hidden;z-index:99;border:1px solid #c00;background:#F9EFFC;width:210px;font-size:12px;margin:0px;} #msg_win .icos{...

IE6中链接A的href为javascript协议时不在当前页面跳转

2017年02月06日 13 阅读

切页面时有时用链接A来替代按钮，这样做有几个好处鼠标放上时默认有手状效果（不用添加cursor:pointer）可以添加低版本IE都支持的伪类如果点击时页面要整体刷新，即跳转，这时IE6则不尽人意，如下复制代码代码如下: <p><a href="javascript:;" onclick="jumpSina（）">Sina</a></p> <p><a href="javascrip...

如何获取网站icon有哪些可行的方法

2017年02月06日 13 阅读

获取网站icon，常用最简单的方法就是通过website/favicon.ico来获取，不过由于很多网站都是在页面里面设置favicon，所以此方法很多情况都不可用。更好的办法是通过google提供的服务来实现：http://www.google.com/s2/favicons？domain=http://www.baidu.com 代码：复制代码代码如下: <！doctype html> <html> <head>...

js如何判断用户是否是用微信浏览器

2017年02月06日 14 阅读

上周接到个需求，需求是这样的：用户扫一扫二维码会产生一个链接，该链接会向后端发送个请求，返回一个 apk 的下载地址，用户点击下载按钮可以下载此 apk。然后就发生了问题，经过测试，发现用微信扫一扫打开的页面点击下载按钮下载不了 apk，后百度之，原来是微信内置浏览器屏蔽了下载链接，后面和需求方沟通，需求改为如果用户是用微信内置浏览器打开的，则提示用户换一个浏览器打开页面，否则下载不了 apk。那么该如何判断用户是否是用微信浏览器呢？我们知道 js 可以...

原生js编写设为首页兼容ie、火狐和谷歌

2017年02月06日 13 阅读

原生 js 编写，兼容 ie，火狐和谷歌。完整代码：<script type="text/javascript">//设为首页 www.jb51.netfunction SetHome（obj,url）{try{obj.style.behavior="url（#default#homepage）";obj.setHomePage（url）;}catch（e）{if（window.netscape）{ try{ netscape.security...

js检验密码强度（低中高）附图

2017年02月06日 14 阅读

最近一直在做通行证项目，里面的注册模块中输入密码需要显示密码强度（低中高）。今天就把做的效果给大家分享下，代码没有网上搜索的那么复杂，能够满足一般的需求。 html 代码如下：复制代码代码如下: <！DOCTYPE HTML> <html lang="en"> <head> <meta charset="utf-8"/> <title>密码强度</title> <style ...

jquery进行数组遍历如何跳出当前的each循环

2017年02月06日 12 阅读

最近在忙着进行官网改版，在做其中的一个项目时碰到了一个小问题。问题是这样的，通过 jquery 的循环方法进行数组遍历，但是当不符合条件时，怎么跳出当前循环。我是使用 $.each（）进行数组循环遍历，但是当进入判断时，不清楚该如何跳出当前循环，于是我就用 javascript 的方法——continue 发现并不正确。API 上的说明只有跳出整个循环（如果需要退出 each 循环可使回调函数返回 false，其它返回值将被忽略。）后来上网查了下，得...

手写的一个兼容各种浏览器的javascript getStyle函数（获取元素的样式）

2017年02月06日 15 阅读

要想获取HTML元素的计算样式一直都存在很多的兼容问题，各浏览器都会存在一些差异，Firefox、webkit（Chrome,Safari）支持W3C标准的方法：getComputedStyle（），而IE6/7/8不支持标准的方法但是有私有的属性来实现：currentStyle，IE9和Opera两个都支持。有了这2个方法和属性基本上可以满足大多数要求了。复制代码代码如下:var getStyle = function（ elem, type ）{re...

jQuery插件开发详细教程

2017年02月06日 20 阅读

扩展jQuery插件和方法的作用是非常强大的，它可以节省大量开发时间。这篇文章将概述jQuery插件开发的基本知识，最佳做法和常见的陷阱。一、入门编写一个jQuery插件开始于给jQuery.fn加入新的功能属性，此处添加的对象属性的名称就是你插件的名称：复制代码代码如下:jQuery.fn.myPlugin = function（）{ //你自己的插件代码};用户非常喜欢的$符号哪里去了？它仍然存在，但是，为了避免和其他J...

AMD异步模块定义介绍和Require.js中使用jQuery及jQuery插件的方法

2017年02月06日 13 阅读

AMD 模块AMD（异步模块定义，Asynchronous Module Definition）格式总体的目标是为现在的开发者提供一个可用的模块化 JavaScript 的解决方案。AMD 模块格式本身是一个关于如何定义模块的提案，在这种定义下模块和依赖项都能够异步地进行加载。它有很多独特的优势，包括天生的异步及高度灵活等特性，这些特性能够解除常见的代码与模块标识间的那种紧密耦合。目前它已经被很多项目所接纳，包括jQuery（1.7）。RequireJSR...

Javascript中的异步编程规范Promises/A详细介绍

2017年02月06日 13 阅读

Javascript里异步编程逐渐被大家接受，先前大家一般通过回调嵌套，setTimeout、setInterval等方式实现，代码看起来非常不直观，不看整个代码逻辑很难快速理解。Javascript里异步函数大概有I/O函数（Ajax、postMessage、img load、script load等）、计时函数（setTimeout、setInterval）等。这些我们都很熟悉，在复杂的应用中往往会嵌套多层，甚至以为某些步骤未完成而导致程序异常，最简单...

单击某一段文字改写文本颜色

2017年02月06日 14 阅读

说明：单击某一段文字，改文字变为红色，再次单击之后，文字又变回黑色。复制代码代码如下: <！doctype html> <html> <head> <meta charset="utf-8"> <title>jquery test</title> <script src="jquery-1.11.1.min.js"></script> <style ...

javascript中的throttle和debounce浅析

2017年02月06日 12 阅读

throttle我们这里说的throttle就是函数节流的意思。再说的通俗一点就是函数调用的频度控制器，是连续执行时间间隔控制。主要应用的场景比如：1.鼠标移动，mousemove 事件2.DOM 元素动态定位，window对象的resize和scroll 事件有人形象的把上面说的事件形象的比喻成机关枪的扫射，throttle就是机关枪的扳机，你不放扳机，它就一直扫射。我们开发时用的上面这些事件也是一样，你不松开鼠标，它的事件就一直触发。例如：复制代码代...

jquery统计用户选中的复选框的个数

2017年02月06日 14 阅读

复制代码代码如下: <！doctype html> <html> <head> <meta charset="utf-8"> <title>jquery test</title> <script src="jquery-1.11.1.min.js"></script> </head> <body> <input type="che...

首页 / 脚本样式 / JavaScript

javascript的事件触发器介绍的实现

原生js实现fadein 和 fadeout淡入淡出效果

首页图片漂浮效果示例代码

IE6-IE9中tbody的innerHTML不能赋值的解决方法

jQuery文件上传插件Uploadify使用指南

获取中文字符串的实际长度代码

网页右下角弹出窗体实现代码

IE6中链接A的href为javascript协议时不在当前页面跳转

如何获取网站icon有哪些可行的方法

js如何判断用户是否是用微信浏览器

原生js编写设为首页兼容ie、火狐和谷歌

js检验密码强度（低中高）附图

jquery进行数组遍历如何跳出当前的each循环

手写的一个兼容各种浏览器的javascript getStyle函数（获取元素的样式）

jQuery插件开发详细教程

AMD异步模块定义介绍和Require.js中使用jQuery及jQuery插件的方法

Javascript中的异步编程规范Promises/A详细介绍

单击某一段文字改写文本颜色

javascript中的throttle和debounce浅析

jquery统计用户选中的复选框的个数