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

简单学习JavaScript中的for语句循环结构

2017年02月06日 14 阅读

可以直接看示例，用得太多了，很简单（function（） {for（var i=0, len=demoArr.length; i<len; i++） {if （i == 2） {// return;// 函数执行被终止// break;// 循环被终止continue; // 循环被跳过};console.log（"demo1Arr["+ i +"]:" + demo1Arr[i]）;}}）（）;关于for循环，有一下几点需要注意for循环中的i在循...

JavaScript中利用各种循环进行遍历的方式总结

2017年02月06日 11 阅读

为了方便例子讲解，现有数组和json对象如下var demoArr = ["Javascript", "Gulp", "CSS3", "Grunt", "jQuery", "angular"];var demoObj = {aaa: "Javascript",bbb: "Gulp",ccc: "CSS3",ddd: "Grunt",eee: "jQuery",fff: "angular"};for infor（var item in arr|obj）{} ...

jQuery+CSS3实现3D立方体旋转效果

2017年02月06日 11 阅读

本文介绍了如何利用jQuery+CSS3实现3D立方体旋转效果，先看一看效果图：切换图片过程中，图片进行旋转：HTML结构3D图片画廊的图片列表和导航按钮分别使用两个无序列表来制作。<section> <div id="css3dimageslider" class="transparency"> <ul><li> <img src="img/css3dimg1.jpg"> </li>...

每天一篇javascript学习小结（基础知识）

2017年02月06日 11 阅读

1、字符转换 var s1 = "01";var s2 = "1.1";var s3 = "z";//字母"z"无法转换为数字，所以或返回NaNvar b = false;var f = 1.1;var o = {valueOf: function（） {return -1; }};s1 = -s1; //value becomes numeric -1s2 = -s2; //value becomes numeric -1.1s3 = -s3; //va...

浅谈使用MVC模式进行JavaScript程序开发

2017年02月06日 12 阅读

随着前台开发日益受到重视，客户端代码比重日益增加的今天，如何在javascript开发里应用MVC模式，这个问题似乎会一直被提到，所以偶在这里粗略的谈一下自己的看法吧。MVC模式的基本理念，是通过把一个application封装成model, view和controller三个部分达到降低耦合，简化开发的目的。这么说很空洞，大家可以实际看个例子：<select id="selAnimal"><option value="cat">c...

jquery事件的ready（）方法使用详解

2017年02月06日 12 阅读

页面初始化中，用的较多的就是$（document）.ready（function（）{//代码}）; 或 $（window）.load（function（）{//代码}）;他们的区别就是，ready是在DOM的结构加载完后就触发，load是在页面内包括DOM结构，css，js，图片等都加载完成后再触发，显然ready更适合作为页面初始化使用。但有时候也不尽然。需要进一步查看其内部机制。那么ready的内部是如何判断DOM的结构加载完的？并且不同的浏览器的判...

详解 javascript中offsetleft属性的用法

2017年02月06日 11 阅读

此属性可以返回当前元素距离某个父辈元素左边缘的距离，当然这个父辈元素也是有讲究的。（1）.如果父辈元素中有定位的元素，那么就返回距离当前元素最近的定位元素边缘的距离。（2）.如果父辈元素中没有定位元素，那么就返回相对于body左边缘距离。语法结构:obj.offsetleft特别说明:此属性是只读的，不能够赋值。代码实例:<！DOCTYPE html><html><head><meta charset="utf-8...

谈谈对offsetleft兼容性的理解

2017年02月06日 12 阅读

关于此属性的基本用法可以参阅offsetleft属性用法详解一章节。此属性具有一定的兼容性问题，那就是在IE7浏览器中，它的返回值是想对于最近的父辈元素的左侧的距离。<！DOCTYPE html><html><head><meta charset="utf-8"><meta name="author" content="http://www.softwhy.com/" /><title>...

轻松实现javascript数据双向绑定

2017年02月06日 11 阅读

双向数据绑定指的是当对象的属性发生变化时能够同时改变对应的UI，反之亦然。换句话说，如果我们有一个user对象，这个对象有一个name属性，无论何时你对user.name设置了一个新值，UI也会展示这个新的值。同样的，如果UI包含一个用于数据用户名字的输入框，输入一个新值也会导致user对象的name属性发生相应的改变。许多流行的javascript框架，像Ember.js,Angular.js或者KnockoutJS都会把双向数据绑定作为其中的主要特性来...

window.setInterval（）方法的定义和用法及offsetLeft与style.left的区别

2017年02月06日 11 阅读

定义和用法setInterval（）方法可按照指定的周期（以毫秒计）来调用函数或计算表达式。setInterval（）方法会不停地调用函数，直到 clearInterval（）被调用或窗口被关闭。由 setInterval（）返回的 ID 值可用作 clearInterval（）方法的参数。提示： 1000 毫秒= 1 秒。语法setInterval（code,millisec,lang）参数描述code必需。要调用的函数或要执行的代码串。mil...

jquery原理以及学习技巧介绍

2017年02月06日 11 阅读

对于JQuery，想必大家都很熟悉。目前，很多web项目，在实施的过程中，考虑到各浏览器原生JS API的兼容性，大都会选用JQuery或类似于JQuery这样的框架来进行网页效果开发。JQuery上手简单，也很容易学，即使是刚接触JQuery的开发人员，借助JQuery手册，也很快能在项目中使用开发。虽然JQuery相对简单，但要全面掌握，且快速灵活的使用它也并不那么容易，它提供了很多方法，包含了网页开发的各个知识面，所以要全面掌握这些知识点，个人认为还...

js clearInterval（）方法的定义和用法

2017年02月06日 11 阅读

此方法能够取消setInterval（）方法设置的定时器。此方法的参数必须是要取消相应的setInerval（）方法的返回值。点击可参阅更多window对象的属性和方法。语法结构:clearInterval（id）参数列表:参数描述id必需。此id是setInerval（）的返回值，是此setInerval（）方法的唯一标识。浏览器支持:（1）.IE浏览器支持此属性。（2）.Firefox浏览器支持此属性。（3）.Opera浏览器支持此属性。（4）.chr...

js window对象属性和方法相关资料整理

2017年02月06日 11 阅读

window对象有以下方法：open close alert confirm prompt setTimeout clearTimeout setInterval clearInterval moveBy moveTo resizeBy resizeTo scrollBy scrollTo find back forward home stop print blur focus captureEvent enableExternalCapture disa...

详解javascript遍历方式

2017年02月06日 11 阅读

为了方便例子讲解，现有数组和json对象如下var demoArr = ["Javascript", "Gulp", "CSS3", "Grunt", "jQuery", "angular"];var demoObj = { aaa: "Javascript", bbb: "Gulp", ccc: "CSS3", ddd: "Grunt", eee: "jQuery", fff: "angular"};for可以直接看示例，用得太多了，很简单（functi...

js文字横向滚动特效

2017年02月06日 12 阅读

本文为大家分享了js文字横向滚动特效代码，具体实现内容如下：页面布局<div id="scroll_div" class="fl"> <div id="scroll_begin"> 恭喜793765***获得 <span class="pad_right">50元巨人点卡奖励</span> 恭喜793765***获得 <span class="pad_right">50元巨人点卡奖励</sp...

九种原生js动画效果

2017年02月06日 11 阅读

在做页面中，多数情况下都会遇到页面上做动画效果，我们大部分做动画的时候都是使用框架来做（比如jquery），这里我介绍下如何让通过原生的js来实现像框架一样的动画效果！1、匀速动画效果说明：匀速动画就是动画的效果从开始到结束每次执行的速度都是一致的<！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-...

每天一篇javascript学习小结（Array数组）

2017年02月06日 11 阅读

1、数组常用方法var colors = ["red", "blue", "green"];//creates an array with three stringsalert（colors.toString（））;//red,blue,greenalert（colors.valueOf（））; //red,blue,greenalert（colors）;//red,blue,green2、数组map（）方法var numbers = [1,2,3,4,5...

javascript图片滑动效果实现

2017年02月06日 11 阅读

本文为大家分享了javascript图片滑动效果实现方法，具体内容如下，先看一下效果图：鼠标滑过那张图，显示完整的哪张图，移除则复位：简单的CSS加JS操作DOM实现：<！doctype html><html> <head><meta charset="UTF-8"><title>sliding doors</title><link rel="stylesheet" href="...

JavaScript中获取Radio被选中的值

2017年02月06日 11 阅读

原理就是：一般使用遍历的方法,判断每个Radio是否被选中,如果是,再取其值.<form id="userlist" method="post" action="option.php"><input type="radio" name="userid" value="1">1<input type="radio" name="userid" value="2">2<input type="radio" name="...

window.location.reload 刷新使用分析（去对话框）

2017年02月06日 11 阅读

使用window.location.reload;刷新时，如果提交数据的动作，则会出现讨厌的对话框！解决此问题，应该这样写： window.location.href=window.location.href; window.location.reload; 同理，如果是刷新父窗口，应该这样写： window.opener.location.href=window.opener.location.href; window.opener.location.r...

首页 / 脚本样式 / JavaScript

简单学习JavaScript中的for语句循环结构

JavaScript中利用各种循环进行遍历的方式总结

jQuery+CSS3实现3D立方体旋转效果

每天一篇javascript学习小结（基础知识）

浅谈使用MVC模式进行JavaScript程序开发

jquery事件的ready（）方法使用详解

详解 javascript中offsetleft属性的用法

谈谈对offsetleft兼容性的理解

轻松实现javascript数据双向绑定

window.setInterval（）方法的定义和用法及offsetLeft与style.left的区别

jquery原理以及学习技巧介绍

js clearInterval（）方法的定义和用法

js window对象属性和方法相关资料整理

详解javascript遍历方式

js文字横向滚动特效

九种原生js动画效果

每天一篇javascript学习小结（Array数组）

javascript图片滑动效果实现

JavaScript中获取Radio被选中的值

window.location.reload 刷新使用分析（去对话框）