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

JavaScript修改作用域外变量的方法

2017年02月06日 11 阅读

1.今天在看JavaScript学习指南的时候做的课后习题,也因此详细的对函数的传入参数进行比较深入的研究.题目如下: 函数如何才能修改其作用域之外的变量?编写一个函数,由1~5的数字组成的数组作为参数,调用该函数后将把其中的数字项替换为相应的字符串表示形式.需要注意知识点: 在JavaScript中函数参数的传递,对于基于原始值的参数进行值传递（数字,字符串,布尔值）,函数中的修改不会影响实际参数值.而传递给函数的参数而言,对象是一个引用,对...

JavaScript实现弹出DIV层同时页面背景渐变成半透明效果

2017年02月06日 11 阅读

本文实例讲述了JavaScript实现弹出DIV层同时页面背景渐变成半透明效果。分享给大家供大家参考，具体如下：<！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">...

详解Javascript继承的实现

2017年02月06日 11 阅读

本文从以下四个方面展开话题：•1. 混合方式实现及问题•2. 期望的调用方式•3. 继承库的详细实现•4. 总结感兴趣的朋友可以继续往下阅读详情。我最早掌握的在js中实现继承的方法是在xx学到的混合原型链和对象冒充的方法，在工作中，只要用到继承的时候，我都是用这个方法实现。它的实现简单，思路清晰：用对象冒充继承父类构造函数的属性，用原型链继承父类prototype 对象的方法，满足我遇到过的所有继承的场景。正...

JS+CSS实现的漂亮渐变背景特效代码（6个渐变效果）

2017年02月06日 11 阅读

本文实例讲述了JS+CSS实现的漂亮渐变背景特效代码。分享给大家供大家参考，具体如下：运行效果截图如下：具体代码如下：<html><head><title>JS配合CSS实现的漂亮渐变背景特效6个实例</title><script>var setGradient = （function（） {var p_dCanvas = document.createElement（"canvas"）;var ...

JS+CSS实现鼠标经过弹出一个DIV框完整实例（带缓冲动画渐变效果）

2017年02月06日 11 阅读

本文实例讲述了JS+CSS实现鼠标经过弹出一个DIV框效果。分享给大家供大家参考，具体如下：<！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&...

JS实现响应鼠标点击动画渐变弹出层效果代码

2017年02月06日 14 阅读

本文实例讲述了JS实现响应鼠标点击动画渐变弹出层效果。分享给大家供大家参考，具体如下：<！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>...

JS实现点击登录弹出窗口同时背景色渐变动画效果

2017年02月06日 12 阅读

本文实例讲述了JS实现点击登录弹出窗口同时背景色渐变动画效果。分享给大家供大家参考，具体如下：<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title></title><STYLE>#login{ position: relative; display: none; t...

JavaScript学习笔记之ES6数组方法

2017年02月06日 11 阅读

ES6（ECMAScript 6）是即将到来的新版本JavaScript语言的标准，代号harmony（和谐之意，显然没有跟上我国的步伐，我们已经进入中国梦版本了）。上一次标准的制订还是2009年出台的ES5。目前ES6的标准化工作正在进行中，预计会在14年12月份放出正式敲定的版本。但大部分标准已经就绪，且各浏览器对ES6的支持也正在实现中。ES6给数组添加了一些新特性，而这些新特性到目前为止完全可以运用到自己的业务层。在这一节中将总结有关于ES6给数组...

JS实现的颜色实时渐变效果完整实例

2017年02月06日 11 阅读

本文实例讲述了JS实现的颜色实时渐变效果。分享给大家供大家参考，具体如下：<！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><t...

JavaScript学习笔记之创建对象

2017年02月06日 11 阅读

JavaScript 有Date、Array、String等这样的内置对象，功能强大使用简单，人见人爱，但在处理一些复杂的逻辑的时候，内置对象就很无力了，往往需要开发者自定义对象。从JavaScript定义上讲对象是无序属性的集合，其属性可以包含基本值、对象或函数。也就是说对象是一组没有特定顺序的属性，每个属性会映射到一个值上，是一组键值对，值可以是数据或对象。对象是JavaScript的基本数据类型。在JavaScript中除了字符串、数字、true、f...

javascript拖拽应用实例

2017年02月06日 12 阅读

之前文章中也讲了一下拖拽的基本思想，理论是有了，那实践呢，可以运用到什么地方呢？下面就给大家带来一个用拖拽思想写的一个小实例，供大家参考，大致效果看下图：就是这样一个简单的一个拖拽条，你可以把它理解为滚动条，也可以理解为表单中的数量选择控件，也可以理解为进度条，等等，反正你可以改成很多你想要的效果，废话不多说，我们来看看这个是怎么做的吧！想了想，感觉原理就不用说了吧，我在拖拽效果中就已经说的很清楚了，不清楚的同学可以出门左转，查看 javascript小实...

几种经典排序算法的JS实现方法

2017年02月06日 11 阅读

一.冒泡排序function BubbleSort（array） {var length = array.length;for （var i = length - 1; i > 0; i--） { //用于缩小范围for （var j = 0; j < i; j++） { //在范围内进行冒泡，在此范围内最大的一个将冒到最后面if （array[j] > array[j+1]） { var temp = array[j];array[j]...

javascript拖拽应用实例（二）

2017年02月06日 12 阅读

经常在网站别人的网站的注册页中看到一个拖拽验证的效果，就是它的验证码刚开始不出来，而是有一个拖拽的条，你必须将这个拖拽条拖到底，验证码才出来，说了感觉跟没说一样，你还是不理解，好吧，我给个图你看看：这个是在万网的注册页中所截的图，大概的效果就是，当拖动那个拖拽框时，如果拖拽框没有拖到最右边，则拖拽框会移动到初始位置，如果拖动到最右边，则拖拽框显示为对勾，中间的文字也变了，但是我试了一下，他的验证码的框没有出来，不知道是改了还是怎么的，我没有继续点击确定往下...

jQuery常用的一些技巧汇总

2017年02月06日 11 阅读

引子jQuery的存在，让学习前端开发的人感到前端越来越容易入门了，用简单的几行代码就可以实现需求，但是，你真的会用jQuery么，当代码运行后无法看到自己预期的效果，是不是觉得jQuery出了问题，其实，问题还是出在了自己会不会用上面。下面列举一些开发中经常遇到的应用实例，发现一下另一个不同的jQuery世界。回到顶部按钮利用jQuery里的animate和scrollTop方法，你便不需要使用插件创建简单的滚动到顶部动画。$（".top"）.click...

利用jquery制作滚动到指定位置触发动画

2017年02月06日 14 阅读

利用CSS3的 animation 动画特性来完成的，对IE的兼容性不是太好，适用与手机端。<！doctype html><html><head><meta charset="utf-8"><title>sas</title><script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/1.9.1/jq...

javascript实现方法调用与方法触发小结

2017年02月06日 11 阅读

在js中，this关键字是一个比较让人有意思的东西，但是它的指向经常让初学者摸不着头脑。其实要理解这个关键字，需要理清两个问题——“方法的调用和方法的触发” 下面先看一段代码<！DOCTYPE html><html><head><meta charset="utf-8"><title>function</title><script>function showThis（...

jquery中validate与form插件提交的方式小结

2017年02月06日 11 阅读

概述：本篇主要讨论jquery.validate结合jquery.form实现对表单的验证和提交方案。方式一：是通过jquery.validate的submitHandler选项，即当表单通过验证时执行回调函数。在这个回调函数中通过jquery.form来提交表单；方式二：是通过jquery.form的beforeSubmit，即在提交表单前执行的回调函数，这个函数如果返回true，则提交表单，如果返回false，则终止提交表单。根据jquery.vali...

Nodejs中的this详解

2017年02月06日 11 阅读

以下内容都是关于在nodejs中的this而非javascript中的this，nodejs中的this和在浏览器中javascript中的this是不一样的。在全局中的thisconsole.log（this）; {}this.num = 10;console.log（this.num）; 10console.log（global.num）; undefined 全局中的this默认是一个空对象。并且在全局中this与global对象没有任何的关系，那...

浏览器复制插件zeroclipboard使用指南

2017年02月06日 11 阅读

一个简单例子：<html> <body><button id="copy-button" data-clipboard-text="Copy Me！" title="Click to copy me.">Copy to Clipboard</button><script src="~/Scripts/jquery-1.7.1.js"></script><script src="~...

JS中改变this指向的方法（call和apply、bind）

2017年02月06日 12 阅读

this是javascript的一个关键字，随着函数使用场合不同，this的值会发生变化。但是总有一个原则，那就是this指的是调用函数的那个对象。this一般指向的是当前被调用者，但也可以通过其它方式来改变它的指向，下面将介绍三种方式：1.call用作继承时：function Parent（age）{this.name=["mike","jack","smith"];this.age=age;}function Child（age）{Parent.cal...

首页 / 脚本样式 / JavaScript

JavaScript修改作用域外变量的方法

JavaScript实现弹出DIV层同时页面背景渐变成半透明效果

详解Javascript继承的实现

JS+CSS实现的漂亮渐变背景特效代码（6个渐变效果）

JS+CSS实现鼠标经过弹出一个DIV框完整实例（带缓冲动画渐变效果）

JS实现响应鼠标点击动画渐变弹出层效果代码

JS实现点击登录弹出窗口同时背景色渐变动画效果

JavaScript学习笔记之ES6数组方法

JS实现的颜色实时渐变效果完整实例

JavaScript学习笔记之创建对象

javascript拖拽应用实例

几种经典排序算法的JS实现方法

javascript拖拽应用实例（二）

jQuery常用的一些技巧汇总

利用jquery制作滚动到指定位置触发动画

javascript实现方法调用与方法触发小结

jquery中validate与form插件提交的方式小结

Nodejs中的this详解

浏览器复制插件zeroclipboard使用指南

JS中改变this指向的方法（call和apply、bind）