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

jQuery中dom元素上绑定的事件详解

2017年02月06日 12 阅读

作为技术狂热分子的职业本能，看到一个技术产品的功能，总会忍不住想知道它是怎么被实现的。比如我每每看到别人网站一个很炫的界面或者很酷的功能，就忍不住打开了浏览器的控制台。。。好，不扯远，说说当你想看到网站上某个元素绑定的事件函数的代码时应该怎么做吧。查看原生绑定的事件函数代码所谓原生就是通过addEventListener方法绑定到dom元素上。这个好办：审查绑定事件的元素（对着它右键->审查元素）在弹出的Elements视图的控制台，右侧点击“Eve...

javascript实现漂亮的拖动层，窗口拖拽特效

2017年02月06日 13 阅读

javascript实现漂亮的拖动层，窗口拖拽特效<！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-equ...

javascript中replace（）方法的使用

2017年02月06日 12 阅读

最近在浏览一些阿里的前端面试题，其中有一题涉及了javascript中replace（）方法的使用，下面是原题：“说出以下函数的作用是？空白区域应该填写什么？” // define（function （window） {function fn（str） {this.str = str;}fn.prototype.format = function （） {var arg = ______;return this.str.replace（_______, ...

JS实现简单的键盘打字的效果

2017年02月06日 12 阅读

以代码形式实现过程分析：<html><head><title>打字效果</title><meta http-equiv="Content-Type" Content="text/html;charset=gb2312" /><style type="text/css">body{font-size:14px;font-color:#purple;font-weight:bolder;}...

js完美解决IE6不支持position:fixed的bug

2017年02月06日 12 阅读

先来看段代码<！DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>IE6 position:fixed bug</title><style>*{padding:0;margin:0}p{height:2000px}#gs{b...

浅谈jquery事件处理

2017年02月06日 12 阅读

在以jQuery为基础库的前端开发体系中，经常会在一个页面上通过各种标识绑定许许多多的事件。就算简单的使用了事件代理，也还是造成了事件的分散，不好维护和管理。那么，如何解决这个问题呢？而我，想到了backbone中的events。如下:复制代码代码如下:events: { "click .icon": "open", "click .button.edit": "openEditDialog", "click .button.delete": "dest...

js上传图片及预览功能实例分析

2017年02月06日 12 阅读

本文实例讲述了js上传图片及预览功能。分享给大家供大家参考。具体分析如下：参考了网上一些人代码写了一个上传图片及时预览的功能<img id="imgTag" style="height: 100px;" alt="" /><input type="file" />function DisplayImage（fileTag,imgTagId）{var allowExtention=".jpg.png.gif";var extentio...

javascript实现的右下角弹窗实例

2017年02月06日 12 阅读

本文实例讲述了javascript实现的右下角弹窗的方法。分享给大家供大家参考。具体如下：<！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&...

JavaScript实现多个重叠层点击切换效果的方法

2017年02月06日 12 阅读

本文实例讲述了JavaScript实现多个重叠层点击切换效果的方法。分享给大家供大家参考。具体如下：<！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"><...

jQuery中next方法用法实例

2017年02月06日 13 阅读

本文实例讲述了jQuery中next方法用法。分享给大家供大家参考。具体分析如下：这里演示jQuery中next的用法，可取得一个包含匹配的元素集合中每一个元素紧邻的后面同辈元素的元素集合。这个函数只返回后面那个紧邻的同辈元素，而不是后面所有的同辈元素。可以用一个可选的表达式进行筛选<！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/...

JavaScript获取一个范围内日期的方法

2017年02月06日 12 阅读

本文实例讲述了JavaScript获取一个范围内日期的方法。分享给大家供大家参考。具体分析如下：指定开始和结束时间，范围该范围内的所有日期放入数组Date.prototype.addDays = function（days） {var dat = new Date（this.valueOf（））;dat.setDate（dat.getDate（） + days）;return dat;};function getDates（startDate, stopD...

JavaScript按值删除数组元素的方法

2017年02月06日 12 阅读

本文实例讲述了JavaScript按值删除数组元素的方法。分享给大家供大家参考。具体实现方法如下：复制代码代码如下:function ArrayRemoveByValue（str_value,arr_remove）{ var num_to_del =new RegExp（str_value）; var db_d =new RegExp（",{2}"）; var se_d =new RegExp（"（^,）|（,$）"）; arr_ret = arr_re...

node.js操作mongodb学习小结

2017年02月06日 12 阅读

一、准备工作1、在mongodb创建将要读取的表创建数据库mongotest复制代码代码如下:use mongotest;向user表中插入数据复制代码代码如下:db.user.insert（{name:"flyoung",age:"18",sex:true}）;2、安装node-mongodb-native复制代码代码如下:npm install mongodb二、实例（node.js读取mongodb）参考node-mongodb-native的...

Node.js和MongoDB实现简单日志分析系统

2017年02月06日 12 阅读

在最近的项目中，为了便于分析把项目的日志都存成了JSON格式。之前日志直接存在了文件中，而MongoDB适时闯入了我的视线，于是就把log存进了MongoDB中。log只存起来是没有意义的，最关键的是要从日志中发现业务的趋势、系统的性能漏洞等。之前有一个用Java写的分析模块，运行在Tomcat下。实现相当的重量级，添加一个新指标的流程也比较繁琐，而且由于NFS的原因还导致分析失败。一直想改写，最初想用Ruby On Rails，可是一直没有时间学习和开发...

JavaScript在Android的WebView中parseInt函数转换不正确问题解决方法

2017年02月06日 12 阅读

今天被一个问题困扰，有一个页面在浏览器（无论是手机还是PC）上运行良好，而通过WebView就出现了问题，有两个值得计算始终出错。于是就通过alert，把这个值显示出来，发现和浏览器上计算的结果差了很多，本来是正数，却变成了负数。仔细比对发现，其中一部分数字被抹掉了，这些数字都是通过parseInt由字符串转化而来的。而被抹掉的值，和其他正常的数字唯一区别是，它们都是以0开头的，比如“04903”，而其他值都是“90874”。如此，原因就很明显了，WebV...

CentOS上安装Node.js和mongodb笔记

2017年02月06日 12 阅读

之前听说过Node.js，只是知道它可以应用于服务器端，但是对很多具体的东西并不了解。今天在QCon上听了袁锋的分享《Node.js脱离了浏览器的Javascript》之后，顿时有了想立刻试一下的冲动。Node.js的安装步骤算是比较简单，没有太多的弯路，主要参考文档：Building and Installing Node.js 1. 安装Python根据参考文档说明，从源代码编译安装Node.js需要python2.6或者以上，而通过yum insta...

在线所见即所得HTML编辑器的实现原理浅析

2017年02月06日 12 阅读

如今网站开发越来越提倡用户体验，为用户提供便利的工具也越来越多，而在线的HTML内容编辑器应该算是其中比较“古老”的一个了。功能简单的可以为用户提供文本的样式控制，例如文字的颜色、字体大小等；而功能复杂的甚至可以提供类似Word一样的强大功能。虽然现在各种开源的编辑器非常多，但是真正好用的并不多，所以它们改进工作也一直在进行中。如今网上多数的编辑器都有很强大的功能，相对而言，在使用中也需要很多的配置，当然代码也自然会比较“臃肿”。如果我们并不需要功能那么强...

JavaScript获取DOM元素的11种方法总结

2017年02月06日 12 阅读

在Web应用程序特别是Web2.0程序开发中，经常要获取页面中某个元素，然后更新该元素的样式、内容等。如何获取要更新的元素，是首先要解决的问题。令人欣慰的是，使用JavaScript获取节点的方法有很多种，这里简单做一下总结（以下方法在IE7和Firefox2.0.0.11测试通过）：1. 通过顶层document节点获取：（1） document.getElementById（elementId）：该方法通过节点的ID，可以准确获得需要的元素，是比较简单...

js插件设置innerHTML时在IE8下提示“未知运行时错误”解决方法

2017年02月06日 12 阅读

本文实例讲述了js插件设置innerHTML时在IE8下提示“未知运行时错误”解决方法。分享给大家供大家参考。具体分析如下：问题描述：网站中使用了一个js插件，设置innerHTML时，在IE8下报错“未知运行时错误”：<div id="divContainer"> <a name="link"> -->报错处第三方插件内容… </a></div>原因：所设置的innerHTML的对象是一个<a&...

JavaScript实现梯形乘法表的方法

2017年02月06日 12 阅读

本文实例讲述了JavaScript实现梯形乘法表的方法。分享给大家供大家参考。具体如下：效果如下图所示：表格用html中的table,tr,td,然后利用for语句实现，循环输出行和列，再根据行列的数量进行乘法运算，第一个for循环输出9行，然后内嵌一个for，在条件表达式中取第一个for循环的值然后进行输出表格运算，为什么要取第一个for循环，因为第一个for循环的次数是梯形排列的规则，梯形排列的规则是第一行一个格子，第二行二个格子，第三行三个格子，以此...

首页 / 脚本样式 / JavaScript

jQuery中dom元素上绑定的事件详解

javascript实现漂亮的拖动层，窗口拖拽特效

javascript中replace（ ）方法的使用

JS实现简单的键盘打字的效果

js完美解决IE6不支持position:fixed的bug

浅谈jquery事件处理

js上传图片及预览功能实例分析

javascript实现的右下角弹窗实例

JavaScript实现多个重叠层点击切换效果的方法

jQuery中next方法用法实例

JavaScript获取一个范围内日期的方法

JavaScript按值删除数组元素的方法

node.js操作mongodb学习小结

Node.js和MongoDB实现简单日志分析系统

JavaScript在Android的WebView中parseInt函数转换不正确问题解决方法

CentOS上安装Node.js和mongodb笔记

在线所见即所得HTML编辑器的实现原理浅析

JavaScript获取DOM元素的11种方法总结

js插件设置innerHTML时在IE8下提示“未知运行时错误”解决方法

JavaScript实现梯形乘法表的方法

javascript中replace（）方法的使用