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

jquery+CSS3实现3D拖拽相册效果

2016年07月28日 10 阅读

很久之前练习过的一个实践，复习完渐变、圆角、3D变形、拖拽等等来看源码，估计还不会太凌乱（◎﹏◎）哈哈哈效果图： HTML:<！doctype html><html onselectstart="return false;" lang="en"><！-- ！important --><head><meta charset="UTF-8"><title>3D拖拽相册</title&...

JavaScript暂停和继续定时器的实现方法

2016年07月28日 12 阅读

对于JavaScript的定时器来说没有严格意义上的暂停和重启，只有清除停止，但是可以通过一些‘障眼法"实现allChild[index].onclick = function（）{//当点击目标且满足下面的条件时让计时器时间暂停if（gamInt == true）{$（"#tu"）.css（"display","block"）;//计时器暂停（清除定时器）clearInterval（countdownTimer）;//延迟2s后游戏继续计时器暂停结束...

JavaScript读二进制文件并用ajax传输二进制流的方法

2016年07月28日 17 阅读

综合网上多个教程，加上自己实践得出的方法，目前能够兼容谷歌、IE11、IE10。htmlbody里的内容，没什么特殊的。<div id="dConfirm"><p style="float: left;margin-left: 20px;margin-top: 20px"><form action="javascript: uploadAndSubmit（）;" name="demoForm" id="demoForm" me...

ECMAScript6快速入手攻略

2016年07月28日 10 阅读

简介ECMAScript 6 是JavaScript的下一个标准，正处在快速开发之中，ECMAScript 6 的目标，是使得JavaScript可以用来编写复杂的应用程序、函数库和代码的自动生成器（code generator）。最新的浏览器已经部分支持ECMAScript 6 的语法，ECMAScript 6 目前基本成为业界标准，它的普及速度比 ES5 要快很多，主要原因是现代浏览器对 ES6 的支持相当迅速，尤其是 Chrome 和 Firefox...

总结在前端排序中遇到的问题

2016年07月28日 13 阅读

貌似前端圈一直以来流传着一种误解：前端用不到算法知识。长久以来，大家或许都曾受这种说法的影响。直到前阵子遇到一个产品需求，回过头来看，发现事实并非如此。前端排序前端排序的场景前端将排序条件作为请求参数传递给后端，后端将排序结果作为请求响应返回前端，这是一种常见设计。但是对于有些产品则不是那么适用。试想一个场景：你在使用美食类APP时，是否会经常切换排序方式，一会儿按照价格排序，一会儿按照评分排序。实际生产中，受限于服务器成本等因素，当单次数据查询成为整体性...

javascript弹出带文字信息的提示框效果

2016年07月28日 16 阅读

本文实例讲述了javascript弹出带文字信息的提示框效果。分享给大家供大家参考，具体如下：tooltips.js:// position of the tooltip relative to the mouse in pixel //var offsetx = 12;var offsety = 8;function newelement（newid）{if（document.createElement）{var el = document.create...

深入浅析javascript中的作用域（推荐）

2016年07月28日 12 阅读

所谓的作用域，可以简单理解为一个可以读、写的范围（区域）,有些js经验的同学可能会说:"js没有块级作用域",js除了全局作用域外，只有函数可以创建作用域。作用域的一个好处就是可以隔离变量。我们通过一些例子来帮助我们理解js中的作用域。 alert（a）; var a = 1; 如果对作用域一点不了解的同学可能会说 alert的是1或者报错；但实际上是undefined；说到这里，我们首先说一下js逐行解析代码之前做的一些准备工作，js在逐行读代码之前，会...

一次$.getJSON不执行的简单记录

2016年07月28日 13 阅读

别人的代码，拿过来调，发现修改功能都不能用，修改时通过ajax发json获取数据的，看chrome开发者工具发现有发送数据，也有返回值；发起请求并获取数据，发现回调函数不执行！$.getJSON（site_url+"?m=test&a=getOne",{id:id},function（d）{if（d.status）{vardata=d.data;$（"input[name="id"]"）.val（data.id）;$（"input[name="na...

Bootstrap表单布局

2016年07月28日 14 阅读

Bootstrap 提供了下列类型的表单布局：•垂直表单（默认） -> 这个不好看，都是手机版了，PC版占一排不好看；•内联表单 -> 我相信这个才是你想要的，PC版响应横排，手机版响应竖排。•水平表单 -> 用栅格系统控制显示一、垂直表单垂直表单使用的标准步骤1.<form> 元素添加 role="form"。2.把标签和控件放在一个带有"form-group"的<div> 中...

老生常谈js动态添加事件--- 事件委托

2016年07月28日 17 阅读

其所谓的动态添加事件实质就是指js中的事件委托。我们知道在js中，事件处理只能绑定在当前被选中的元素上，换句话也就是说，事件处理只能绑定在当前文档已经存在的元素上！但是，往往小伙伴们都会遇到一个问题就是，我的元素是后来动态添加到页面的，而我又想给该元素绑定事件，怎么处理？为了说明白这一问题，我们假设需要给后来添加到当前页面的元素添加click事件。解决这一问题的核心就是利用js的委托事件。委派事件的优势就是可以给未存在的元素绑定事件，而且委派事件往往开销也...

JS动态给对象添加事件的简单方法

2016年07月28日 15 阅读

WEB项目中，我们常常会碰到要动态对相应的对象添加事件，如下，有id="txtPrice"的文本框控件： <div><input type="text" id="txtPrice" name = "txtPrice" value = "0"/> <div>现在我们为其动态添加一事件，JS核心代码如下：document.getElementById（"txtPrice"）.attachEvent（"onblur", fun...

JS把内容动态插入到DIV的实现方法

2016年07月28日 13 阅读

<！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN""http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"><head> <meta http-equiv="content-type" content="text/htm...

js 动态添加元素（div、li、img等）及设置属性的方法

2016年07月28日 13 阅读

把一串 html 标签赋给一个 javascript 变量，除属性的值要用转义的双引号外，某些时候字符串还很长，显得有些复杂。如果用 js 动态添加元素，就不会有那么复杂的字符串出现，代码阅读性强一点，也容易理解。网页是由 html 标签一层层组成的，js 也可以动态添加一层层的诸如 div、li、img 这样的标签。其实，不管是什么 html 标签，js 动态创建的方法都差不多，接着就先从动态添加 div 开始。一、js 动态添加元素div<div...

jQuery EasyUI提交表单验证

2016年07月28日 13 阅读

EasyUI的form表单里面的验证框，先讲解下validatebox类和相关的属性。验证规则验证规则是通过使用 required 和 validType 特性来定义的，这里是已经实施的规则：email：匹配 email 正则表达式规则，系统提供的属性。url：匹配 URL 正则表达式规则length[0,100]：允许从 x 到 y 个字符remote["http://.../action.do","paramName"]：发送 ajax 请求来验证值...

EasyUI中在表单提交之前进行验证

2016年07月28日 15 阅读

使用EasyUi我们可以在客户端表单提交之前进行验证，过程如下：只需在onSubmit的时候使用return $（"#form1"）.form（"validate"）方法即可，EasyUi中form模块中的from（"validate"）方法会自行对我们指定的表单中required=true等需要验证的的元素进行验证，但有不通过的元素时返回一个false;$（"#form1"）.form（{url: "login.ashx",onSubmit: funct...

全面了解JavaScript对象进阶

2016年07月28日 15 阅读

要了解JavaScript对象，我们可以从对象创建、属性操作、对象方法这几个方面入手。概括起来，包括以下几模块：1.创建对象1.1 对象直接量对象直接量是创建对象最简单的方式，由若干名/值对组成映射表:var point = {x: 0, y: 0 };属性名也没有什么限制，可以是js的关键字或者任意字符串，如果是这两种情况，属性需要用双引号引起来：var empty = {};va point = {x: 0, y: 0 };var book = {"m...

详谈JS中实现种子随机数及作用

2016年07月28日 15 阅读

前言在前端开发中，尤其是游戏开发，经常会用到随机数，那么我们会第一时间想到：Math.random，大家略微的看看如下代码：for （var i= 0; i<10; i++） { document.writeln（Math.random（） +"<br />"）; }运行如上代码，也确实生成了10个不同的数字，当然你可以生成更多，看起来挺不错的，如果仅仅如此，那么本文就没必要写了。示例试着想一下，如果在某一个场景，我们...

用js动态添加html元素,以及属性的简单实例

2016年07月28日 13 阅读

用js动态添加html元素,以及属性的简单实例function test（）{//创建节点var lswt_2=document.createElement（"div"）;//设置节点idlswt_2.id="lswtColse";//设置节点属性lswt_2.style.width="11px";lswt_2.style.height="10px";lswt_2.style.top="0px";lswt_2.style.right="0px";lswt_...

Bootstrap表单布局样式源代码

2016年07月28日 16 阅读

Bootstrap提供了三种表单布局：垂直表单，内联表单和水平表单创建垂直或基本表单：•·向父 <form> 元素添加 role="form"。•·把标签和控件放在一个带有 class .form-group 的 <div> 中。这是获取最佳间距所必需的。•·向所有的文本元素 <input>、<textarea> 和 <select> 添加 class .for...

JSONP跨域请求实例详解

2016年07月28日 16 阅读

JSOP简介JSONP（JSON with Padding）是JSON的一种“使用模式”，可用于解决主流浏览器的跨域数据访问的问题。由于同源策略，一般来说位于 server1.example.com 的网页无法与不是 server1.example.com的服务器沟通，而 HTML 的<script> 元素是一个例外。利用 <script> 元素的这个开放策略，网页可以得到从其他来源动态产生的 JSON 资料，而这种使用模式就是所谓...

首页 / 脚本样式 / JavaScript

jquery+CSS3实现3D拖拽相册效果

JavaScript暂停和继续定时器的实现方法

JavaScript读二进制文件并用ajax传输二进制流的方法

ECMAScript6快速入手攻略

总结在前端排序中遇到的问题

javascript弹出带文字信息的提示框效果

深入浅析javascript中的作用域（推荐）

一次$.getJSON不执行的简单记录

Bootstrap表单布局

老生常谈js动态添加事件--- 事件委托

JS动态给对象添加事件的简单方法

JS把内容动态插入到DIV的实现方法

js 动态添加元素（div、li、img等）及设置属性的方法

jQuery EasyUI提交表单验证

EasyUI中在表单提交之前进行验证

全面了解JavaScript对象进阶

详谈JS中实现种子随机数及作用

用js动态添加html元素,以及属性的简单实例

Bootstrap表单布局样式源代码

JSONP跨域请求实例详解