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

jquery 实时监听输入框值变化的完美方法（必看）

2017年02月06日 118 阅读

只需要同时绑定 oninput 和 onpropertychange 两个事件，但是这并不完美$（".input-form :input"）.bind（"input propertychange", function（）{//获取.input-form下的所有 <input> 元素,并实时监听用户输入//逻辑}）以上代码在因为用的bind，所以当遇到追加的新input标签时，则不能监听了。如下情景：由上图可以看到189和135号码是可以监听的，...

jquery实现input框获取焦点的简单实例

2017年02月06日 109 阅读

获取表单焦点变色的简单实例//.login-form表单样式类//.item input输入框父div// focus是要添加的样式类$（".login-form"）.on（"focus", "input", function（）{$（this）.closest（".item"）.addClass（"focus"）;}）.on（"blur","input",function（）{$（this）.closest（".item"）.removeClass（"f...

js监听input输入框值的实时变化实例

2017年02月06日 166 阅读

1、在元素上同时绑定 oninput 和onporpertychanger事件例：<script type="text/JavaScript">function aa（e）{alert（"inputting！！"）;}</script><input type="text" id="a" oninput="aa（event）" onporpertychange="aa（event）" />2、使用原生js添加监听事件<...

Jquery uploadify 多余的Get请求（404错误）的解决方法

2017年02月06日 99 阅读

在使用jquery uploadify时如果不设置button_image_url参数，就会出现一些多余的get请求，甚至报404的错误，这是该插件的一个bug，官方给出的解决方案如下：找到如下代码：this.settings.upload_url = SWFUpload.completeURL（this.settings.upload_url）;this.settings.button_image_url = SWFUpload.completeURL（...

详解bootstrap的modal-remote两种加载方式【强化】

2017年02月06日 126 阅读

方法一：使用链接<a href="demo.jsp" data-toggle="modal" data-target="#mymodal">打开</a>当点击该连接时，demo.jsp的内容就可以动态的加载到<div class="modal-content"></div>中。当然这里的连接也可以是controller方法二：使用脚本$（"#myModal"）.modal（{remote: "page.jsp...

用director.js实现前端路由使用实例

2017年02月06日 139 阅读

director.js是什么？理解：前端的route框架，director.js客户端的路由注册/解析器，在不刷新的情况下，利用“#”号组织不同的URL路径，并根据不同的URL路径进行不同的方法调用。意思就是有什么样的路径就有什么样的方法。场合：客户端浏览器和node.js的服务器应用。非常适合用来开发不需要刷新的单页面应用程序以及node.js应用。兼容性：不依赖与任何库。例如jquery等。但它又和jquery能很好的融合在一起；客户端的路由：客...

jQuery代码实现实时获取时间

2017年02月06日 97 阅读

在上篇文章给大家介绍了jQuery动态地获取系统时间实现代码，大家可以参考下。废话不多说了，直接给大家贴代码了，具体代码如下所示：$（document）.ready（function（）{function time（）{var date=new Date（）;var h=date.getHours（）;var m=date.getMinutes（）;var s=date.getSeconds（）;$（"div"）.eq（0）.html（h）;$（"div"...

jQuery图片轮播功能实例代码

2017年02月06日 93 阅读

jquery 轮播图代码如下所示：<html ><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>图片轮播</title><style>*{margin:0px;padding:0px;}.one{float:left;position:relative;left:0px...

Javascript中带名匿名箭头函数的重要区别（推荐）

2017年02月06日 107 阅读

带名函数是指函数显示地给出了一个名字的函数，function abs（x）{}。匿名函数是指函数只带有function这个关键字，而没有像abs这种函数名称的函数，如function（）{}。ES6标准新增了一种新的函数：Arrow Function（箭头函数）箭头函数表面上相当于匿名函数，并且简化了函数定义。它们各自的区别是什么呢？1 带名和匿名函数的区别区别：匿名函数需要讲地址赋值给另一个变量let a，然后再用a来调用函数；而带名函数因为显示地给出...

JavaScript实现时钟滴答声效果

2017年02月06日 117 阅读

下面一段代码给大家分享js实现时钟滴答声功能，具体代码如下所示：<！DOCTYPE html><html> <head> <meta charset="utf8"> <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1"> <meta name="keywords" content="clock"> <meta...

JavaScript Date 知识浅析

2017年02月06日 115 阅读

Date函数new Date（） Date 对象会自动把当前日期和时间保存为其初始值。 date.getDate（）从 Date 对象返回一个月中的某一天（1 ~ 31）。 date.getDay（）从 Date 对象返回一周中的某一天（0 ~ 6）。周日是0。 date.getMonth（）从 Date 对象返回月份（0 ~ 11）。 date.getFullYear（）从 Date 对象以四位数字返回年份 date.getHours（）返回...

JavaScript基础之AJAX简单的小demo

2017年02月06日 108 阅读

AJAXAJAX = Asynchronous JavaScript and XML（异步的 JavaScript 和 XML）。AJAX 不是新的编程语言，而是一种使用现有标准的新方法。AJAX 是与服务器交换数据并更新部分网页的艺术，在不重新加载整个页面的情况下。function prepareForms（） { for（var j=0 ; j<document.forms.length ; j++）{var this_forms = docum...

AngularJS报错$apply already in progress的解决方法分析

2017年02月06日 139 阅读

本文实例分析了AngularJS报错$apply already in progress的解决方法。分享给大家供大家参考，具体如下：如果我们使用了AngularJS中的$scope.$apply（）或者$scope.$digest（），我们很可能会遇到类似下面的错误，虽然这个错误没有太大影响，但是在日志中看起来还是很不爽的，日志中记录的异常或者错误，就应该是需要关注和解决的问题，否则就没有必要出现在日志中了。Error: [$rootScope:inpro...

jQuery使用siblings获取某元素所有同辈（兄弟姐妹）元素用法示例

2017年02月06日 112 阅读

本文实例讲述了jQuery使用siblings获取某元素所有同辈（兄弟姐妹）元素用法。分享给大家供大家参考，具体如下：siblings（）属于jQuery筛选类的API，用来查找某个元素的所有同辈元素（所有兄弟姐妹）。<div id="contentHolder"><input type="button" value="1" id="button1"></input><input type="button" val...

Javascript基础回顾之（一）类型

2017年02月06日 102 阅读

本来是要继续由浅入深表达式系列最后一篇的，但是最近团队突然就忙起来了，从来没有过的忙！不过喜欢表达式的朋友请放心，已经在写了:）在工作当中发现大家对Javascript的一些基本原理普遍存在这里或者那里的一知半解，所以决定先花一些时间整理一下这些基础知识和大家分享。刚开始是打算写一篇的，但是后来写着写着就发现越来越多，所以决定还是写一个系列吧。本系列所有内容都是涉及Javascript基础的，没有时髦的玩意儿，但是我相信这些基础的东西会有助于你理解那些...

Javascript基础回顾之（二） js作用域

2017年02月06日 103 阅读

本来是要继续由浅入深表达式系列最后一篇的，但是最近团队突然就忙起来了，从来没有过的忙！不过喜欢表达式的朋友请放心，已经在写了:）在工作当中发现大家对Javascript的一些基本原理普遍存在这里或者那里的一知半解，所以决定先花一些时间整理一下这些基础知识和大家分享。后面会附上培训用的PPT。刚开始是打算写一篇的，但是后来写着写着就发现越来越多，所以决定还是写一个系列吧。本系列所有内容都是涉及Javascript基础的，没有时髦的玩意儿，但是我相信这些基...

Javascript基础回顾之（三） js面向对象

2017年02月06日 104 阅读

本来是要继续由浅入深表达式系列最后一篇的，但是最近团队突然就忙起来了，从来没有过的忙！不过喜欢表达式的朋友请放心，已经在写了:）在工作当中发现大家对Javascript的一些基本原理普遍存在这里或者那里的一知半解，所以决定先花一些时间整理一下这些基础知识和大家分享。后面会附上培训用的PPT。刚开始是打算写一篇的，但是后来写着写着就发现越来越多，所以决定还是写一个系列吧。本系列所有内容都是涉及Javascript基础的，没有时髦的玩意儿，但是我相信这些基础...

angular实现表单验证及提交功能

2017年02月06日 101 阅读

本例通过Angular框架来实现简单的表单验证一、html结构1、借助于bootstrap快速的编写了一个简单的表单代码主要部分如下：<div class="container" style="margin-top: 30px;" ng-controller="myCtrl"><h1 style="text-align: center">用户表单提交</h1><form action="upload.js" cl...

Bootstarp基本模版学习教程

2017年02月06日 89 阅读

今天开始学习bootstrap发现官方的文档其实写的真的太棒啦，非常的清晰易懂。<！DOCTYPE html><html lang="zh-CN"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=devic...

angular实现商品筛选功能

2017年02月06日 102 阅读

一、demo功能分析1、通过service（）创建数据并遍历渲染到页面 2、根据输入框的输入值进行字段查询 3、点击各列实现排序功能。二、实现1.1 数据定义与渲染angular更偏向于是一个MVVM模式的框架，所以它的controller很薄，里面的业务逻辑也是少的，因此应该养成把逻辑写在service或者Factory等angular提供的可以自定义服务的方法中。此次demo通过angular的service方法来注册并定义商品数据。angular.m...

首页 / 脚本样式 / JavaScript

jquery 实时监听输入框值变化的完美方法（必看）

jquery实现input框获取焦点的简单实例

js监听input输入框值的实时变化实例

Jquery uploadify 多余的Get请求（404错误）的解决方法

详解bootstrap的modal-remote两种加载方式【强化】

用director.js实现前端路由使用实例

jQuery代码实现实时获取时间

jQuery图片轮播功能实例代码

Javascript中 带名 匿名 箭头函数的重要区别（推荐）

JavaScript实现时钟滴答声效果

JavaScript Date 知识浅析

JavaScript基础之AJAX简单的小demo

AngularJS报错$apply already in progress的解决方法分析

jQuery使用siblings获取某元素所有同辈（兄弟姐妹）元素用法示例

Javascript基础回顾之（一） 类型

Javascript基础回顾之（二） js作用域

Javascript基础回顾之（三） js面向对象

angular实现表单验证及提交功能

Bootstarp基本模版学习教程

angular实现商品筛选功能

Javascript中带名匿名箭头函数的重要区别（推荐）

Javascript基础回顾之（一）类型