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

Javascript基础之数组的使用

2017年02月06日 10 阅读

Javascript 数组的工作方式与大多数编程语言的数组类似。<！DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>learn4Array</title></head><body><script type="text/javascript">//创建和填充数组var my...

浅析javascript异步执行函数导致的变量变化问题解决思路

2017年02月06日 10 阅读

浅析javascript异步执行函数导致的变量变化问题解决思路for（var i=0;i<3;i++）{ setTimeout（function（）{ console.log（i）},0）;}控制台输出：333这是因为执行方法的时候for循环已经执行完成每次执行的时候取得都是3 而不是1-2-3这时我们可以使用立即执行函数为每一次循环创建一个变量副本来供定时器调用解决这个问题for （var i = 0; i < 3; i++） {setTim...

jQuery Easyui 验证两次密码输入是否相等

2017年02月06日 10 阅读

什么是 jQuery EasyUIjQuery EasyUI 框架提供了创建网页所需的一切，帮助您轻松建立站点。easyui 是一个基于 jQuery 的框架，集成了各种用户界面插件。easyui 提供建立现代化的具有交互性的 javascript 应用的必要的功能。使用 easyui，您不需要写太多 javascript 代码，一般情况下您只需要使用一些 html 标记来定义用户界面。HTML 网页的完整框架。easyui 节省了开发产品的时间和规模。e...

javascript判断图片是否加载完成的方法推荐

2017年02月06日 10 阅读

load事件<script type="text/javascript">$（"img"）.onload = function（） {//code}</script>优点：简单易用，不影响HTML代码。缺点：只能指定一个元素，javascipt代码必须置于图片元素的下方jquery方法<script type="text/javascript">$（function（）{$（".pic1"）.each（function（...

浅析JS操作DOM的一些常用方法

2017年02月06日 10 阅读

getElementById（）: 获取有指定惟一ID属性值文档中的元素getElementsByName（name）: 返回的是数组getElementsByTagName（）: 返回具有指定标签名的元素子元素集合getAttribute（）: 返回指定属性名的属性值document.getElementsByTagName（"a"）[0].getAttribute（"target"）;setAttribute（）: 添加指定的属性，并为其赋指定的值。d...

使用jQuery制作浮动工具栏的实例分享

2017年02月06日 10 阅读

现在大家在浏览网站的时候，经常会发现一些浮动的条状栏，通常具有向上向下的功能，当你点击一下，就可以方便的回到顶部或者前往底部。其实打造这样一个工具边栏，并不是很难，使用jquery很容易就可以做出来。下面，你跟随我的步骤，一步一步的做一下，就可以做出来了，然后你可以根据这个代码，进行一些修改，自定义一些东西。废话不多说，先说一下我做的这个工具边栏。这个工具边栏是符合我自己做的模板“Q21”，Q21模板的特点是黑白对比，所以这个工具边栏要突出黑白变化。经过构...

jQuery配合coin-slider插件制作幻灯片效果的流程解析

2017年02月06日 11 阅读

今天为了做一个模板，来收集幻灯片插件，最终确定了两款比较合适的。coin-slider和nivoslider，为此，研究了一下午，从各个方面来实验这两款插件，究竟哪款比较适合、比较好。当然，聪明的你看题目就已经知道了。我必须要吐槽一下nivoslider这个jquery插件。这两款插件，在看官方的demo时，这个插件的效果要比coin-slider好一些。看了一下教程，可以自定义的参数较多，貌似功能要更强大一下。于是我就首先研究了一下这款插件的使用方法。由...

JavaScript原生对象常用方法总结（推荐）

2017年02月06日 10 阅读

下面都是我学习W3C School教程中有关JavaScript写的学习笔记，每个方法我都亲身测试过，每个方法的用途和参数列表，我都是在经过我亲身实践后加上了我自己的一点理解，解释的还算比较详细。现记录下来，以便查阅：javascript之Array类：创建js数组两种方式：var arr = []; 或var arr = new Array（）;（）里可以指定长度，也可以不指定，指不指定都无所谓，因为js里的数组长度是可变的concat（arr1,arr...

JavaScript String 对象常用方法详解

2017年02月06日 10 阅读

字符串是不可变的。字符串方法，不会改变原有字符串的内容，而是返回一个新字符串。charAt（）：返回在指定位置的字符。concat（）：连接两个字符串文本，并返回一个新的字符串。indexOf（）: indexOf（）方法返回指定值在字符串对象中首次出现的位置。match（）: 使用正则表达式与字符串相比较。replace（）: 被用来在正则表达式和字符串直接比较，然后用新的子串来替换被匹配的子串。slice（）: 摘取一个字符串区域，返回一个新的字符串...

基于jquery插件实现拖拽删除图片功能

2017年02月06日 10 阅读

本文实例为大家分享了jquery插件实现拖拽删除图片功能的具体代码，供大家参考，具体内容如下实现以下效果完全拖出这个层，图片会消失，否则图片会回到原来的位置<html><head><title></title><style type="text/css">#mydiv{ width:900px; background-color:#444; border:1px solid red}#mydiv2...

NodeJS连接MongoDB数据库时报错的快速解决方法

2017年02月06日 11 阅读

今天第一次尝试连接MongoDB数据库，具体步骤也很简单。首先，通过NodeJS运行环境安装MongoDB包，进入要安装的目录，执行语句npm install mongodb安装成功后，通过如下语句测试与数据库建立连接几关闭数据库var mongo = require（"mongodb"）;var host = "localhost";var port = mongo.Connection.DEFAULT_PORT;//创建MongoDB数据库所在服务器的...

AngularJS在IE8的不支持的解决方法

2017年02月06日 10 阅读

AngularJS一般不会选择IE8支持，因为很多特性在IE8下效果很差，性能也不好，但是由于项目的需要，客户的机器有些是XP，只能够装IE8，所以为了解决这个，我查阅了相关的资料，发现GITHUT有一些对AngularJS的改进，我选择的是https://github.com/frankzye/angular.js-ie8-builds, 这是我Fork过来的，能够解决大部分问题，但是有一点是在作Directive的时候，一定不要用Elem...

实例讲解Jquery中隐藏hide、显示show、切换toggle的用法

2017年02月06日 10 阅读

本文实例为大家分享了jquery中show（）、hide（）和toggle（）用法实例，供大家参考，具体内容如下<html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>初识jQuery</title> <script src="http:/www.jb51.net/jqu...

原生js和jquery分别实现横向导航菜单效果

2017年02月06日 10 阅读

本文实例为大家分享了原生js和jquery横向导航菜单的制作方法，供大家参考，具体内容如下原生javascript实现：这一次要实现的是鼠标放上去以后，菜单栏被选中的那一栏水平拉伸，鼠标离开后水平收缩。并带有一定的时间性，使肉眼能够看出其拉伸收缩的动画效果。开始用javascript进行编写：首先在之前水平方向的导航栏上进行操作，将第一栏和选中栏的样式只改变为背景变黑色，文字变白色.on,a:hover{background:#000000;color:#...

两种js监听滚轮事件的实现方法

2017年02月06日 10 阅读

前段时间在写前端的时候，需要监听浏览器的滚轮事件网上查了一下，找到两种监听滚轮事件的方法：一、原生js通过window.onscroll监听//window.onscroll = function（） {//为了保证兼容性，这里取两个值，哪个有值取哪一个 var scrollTop = document.documentElement.scrollTop || document.body.scrollTop; //scrollTop就是触发滚轮事件时滚...

Angularjs中UI Router的使用方法

2017年02月06日 11 阅读

学习使用angular中，ui-route是其中的一个难点，简单使用没什么问题，但涉及到多级嵌套，就感觉有茫然，查了很多资料，踩过很多坑，到目前为止也不能说对ui-route有全面了解；这里只是把填补的几个坑记录一下备忘：1.abstract的使用：$stateProvider.state（"shop",{resolve:{"shoplist":function（$http）{return $http（{url:"/bookApp/data/shoplis...

jQuery基于扩展实现的倒计时效果

2017年02月06日 9 阅读

本文实例讲述了jQuery基于扩展实现的倒计时效果。分享给大家供大家参考，具体如下：<div id="fnTimeCountDown" data-end=""><span class="mini">00</span>分<span class="sec">00</span>秒<span class="hm">000</span></div><script t...

jQuery基于$.ajax设置移动端click超时处理方法

2017年02月06日 10 阅读

本文实例讲述了jQuery基于$.ajax设置移动端click超时处理方法。分享给大家供大家参考，具体如下：这里介绍jquery click事件如何在移动端自动转换成touchstart事件。因为移动端click事件会比touchstart事件慢几拍移动设备某个元素上事件执行顺序是：touchstarttouchmovetouchendclick｛mousedown->mousemove->mouseup｝click事件在移动设备上虽然会识别但...

jquery动态切换背景图片的简单实现方法

2017年02月06日 10 阅读

本文实例讲述了jquery动态切换背景图片的简单实现方法。分享给大家供大家参考，具体如下：（function（）{var bgCounter = 0,backgrounds = ["Images/BACKGROUND_1_TEST.png","Images/BACKGROUND_2_TEST.png","Images/BACKGROUND_3_TEST.png"];function changeBackground（）{bgCounter = （bgCou...

jQuery基于扩展简单实现倒计时功能的方法

2017年02月06日 10 阅读

本文实例讲述了jQuery基于扩展简单实现倒计时功能的方法。分享给大家供大家参考，具体如下：jQuery.fn.countDown = function（settings,to） {settings = jQuery.extend（{startFontSize: "36px",endFontSize: "12px",duration: 1000,startNumber: 10,endNumber: 0,callBack: function（） { }}, ...

首页 / 脚本样式 / JavaScript

Javascript基础之数组的使用

浅析javascript异步执行函数导致的变量变化问题解决思路

jQuery Easyui 验证两次密码输入是否相等

javascript判断图片是否加载完成的方法推荐

浅析JS操作DOM的一些常用方法

使用jQuery制作浮动工具栏的实例分享

jQuery配合coin-slider插件制作幻灯片效果的流程解析

JavaScript原生对象常用方法总结（推荐）

JavaScript String 对象常用方法详解

基于jquery插件实现拖拽删除图片功能

NodeJS连接MongoDB数据库时报错的快速解决方法

AngularJS在IE8的不支持的解决方法

实例讲解Jquery中隐藏hide、显示show、切换toggle的用法

原生js和jquery分别实现横向导航菜单效果

两种js监听滚轮事件的实现方法

Angularjs中UI Router的使用方法

jQuery基于扩展实现的倒计时效果

jQuery基于$.ajax设置移动端click超时处理方法

jquery动态切换背景图片的简单实现方法

jQuery基于扩展简单实现倒计时功能的方法