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

jQuery弹出层后禁用底部滚动条（移动端关闭回到原位置）

2016年08月30日 17 阅读

最近在忙于jquery的前端开发，学习到很多知识，今天小编给大家带来一段代码片段有关弹出层后禁用滚动条的代码。具体代码如下所示：$（"cli-open"）.click（function（）{var scrollTop = document.body.scrollTop;//保存点击前滚动条的位置window.onscroll=function（）{document.body.scrollTop = scrollTop;//赋值给滚动条的位置}}）$（".c...

AngularJS动态生成div的ID源码解析

2016年08月30日 13 阅读

1、问题背景给定一个数组对象，里面是div的id；循环生成div元素，并给id赋值2、实现源码<！DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>AngularJS动态生成div的ID</title> <script src="http://apps.bdimg.com/libs/angular.js/1.4.6...

AngularJS国际化详解及示例代码

2016年08月24日 25 阅读

AngularJS支持内置的国际化三种类型的过滤器货币，日期和数字。只需要根据国家的区域纳入相应的JS。默认情况下它处理浏览器的语言环境。例如，要使用丹麦语的语言环境，使用下面的脚本<script src="https://code.angularjs.org/1.2.5/i18n/angular-locale_da-dk.js"></script> 使用丹麦语的语言环境实例testAngularJS.html<html>...

AngularJS 执行流程详细介绍

2016年08月24日 20 阅读

一、启动阶段大家应该都知道，当浏览器加载一个HTML页面时，它会将HMTL页面先解析成DOM树，然后逐个加载DOM树中的每一个元素节点。我们可以把AngularJS当做一个类似jQuery的js库，我们通过<script>标签引入到HTML中，那么此时Angular就做为一个普通的DOM节点等待浏览器解析，当浏览器解析到这个节点时，发现它是一个js文件，那么浏览器会停止解析剩余的DOM节点，开始执行这个js（即angular.js），同时An...

Angularjs结合Bootstrap制作的一个TODO List

2016年08月24日 28 阅读

看了一个关于Angularjs的视频，视频内容讲解的是如何制作一款TODO list形式的SPA（Simple Page Application,单页面应用）。为了增强理解，下面写了一篇文章，用以复习巩固。准备Angularjs下载说是下载，其实只要能在我们的页面中引用到Angularjs即可。可以有如下方式。CDN加速使用国内的CDN加速服务也是可以的。复制代码代码如下:<script src="http://code.angularjs.org...

jQuery表单事件实例代码分享

2016年08月24日 17 阅读

本文实例为大家分享了jQuery表单事件代码，供大家参考，具体内容如下<！DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>表单事件</title></head><style type="text/css" rel="stylesheet">.input_focus{backgroun...

jQuery过滤选择器经典应用

2016年08月24日 32 阅读

本文实例为大家分享了经典的jQuery过滤选择器应用，供大家参考，具体内容如下<！DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>过滤选择器</title><style type="text/css">#txt_show {display:none; color:#00C;}#txt_hide ...

js H5 canvas投篮小游戏

2016年08月24日 16 阅读

本文实例为大家分享了H5 canvas投篮小游戏实现代码，供大家参考，具体内容如下<！DOCTYPE html><html><head><meta charset="UTF-8"><title></title></head><body onload="init（19,"mylegend",820,500,main,LEvent.INIT）"><div id...

AngularJS 工作原理详解

2016年08月24日 22 阅读

个人觉得，要很好的理解AngularJS的运行机制，才能尽可能避免掉到坑里面去。在这篇文章中，我将根据网上的资料和自己的理解对AngularJS的在启动后，每一步都做了些什么，做一个比较清楚详细的解析。首先上一小段代码（index.html），结合代码我们来看看，angular一步一步都做了些什么。<！doctype html><html ng-app> <head> <script src="angular.j...

jQuery fadeOut 异步实例代码详解

2016年08月24日 33 阅读

定义和用法fadeOut（）方法逐渐改变被选元素的不透明度，从可见到隐藏（褪色效果）。注释：隐藏的元素不会被完全显示（不再影响页面的布局）。提示：该方法通常与 fadeIn（）方法一起使用。语法$（selector）.fadeOut（speed,easing,callback）1. 概述jquery实现动画效果的函数使用起来很方便，不过动画执行是异步的，所以要把自定义的操作放在回调函数里。2. example<html><body&g...

Laydate时间组件在火狐浏览器下有多时间输入框时只能给第一个输入框赋值的解决方法

2016年08月24日 26 阅读

遇到的问题: laydate时间组件在火狐浏览器下有多时间输入框时只能给第一个输入框赋值的问题（safari下也有同样问题）;解决办法: 给laydate绑定id; 解决前代码:<input id="startTime" placeholder="请输入开始时间" class="laydate-icon"onClick="laydate（{istime: true, format: "YYYY-MM-DD hh:mm:ss"}）"><...

浅谈jQuery中hide和fadeOut的区别 show和fadeIn的区别

2016年08月24日 29 阅读

hide和fadeOut 显示效果有什么区别？ show和fadeIn显示效果都一样？很多朋友在学习jQuery的时候会遇到这个问题，hide和 fadeOut都可以带有参数：$（selector）.hide（speed,callback）;$（selector）.fadeOut（speed,callback）;首先我们从名字上就可以看出 hide是隐藏而fadeOut是淡出，当然名字不能看出具体的区别，只能体现他们是不同的而已。但是当我们把参数 sp...

Javascript中浏览器窗口的基本操作总结

2016年08月24日 22 阅读

窗口位置【1】获取浏览器（firefox不支持）提供了screenLeft和screenTop属性，分别用于表示窗口相对于屏幕左边和上边的位置在窗口最大化的情况下，运行下列代码时，各个浏览器返回的值并不相同。chrome返回left:0;top:0。而IE则返回left:0;top:56（若有菜单栏，则返回left:0;top:78），这是因为IE中保存的是从屏幕左边和上边到由window对象表示的页面可见区域的距离。safari则由于自身的bug...

js获取form表单所有数据的简单方法

2016年08月24日 21 阅读

在HTML中用js获取通过GET、POST方法（就是在网址后加?a=b&c=d之类）传过来的表单值。针对大家常用的获取表单方式，很多时候都是在重复的写一些代码，今天给大家贴出来的代码可以作为公用方法直接调用。可以提高大家的开发效率。Js代码 <script type="text/javascript">//获取指定form中的所有的<input>对象function getElements（formId） {var form...

BootStrap下拉框在firefox浏览器界面不友好的解决方案

2016年08月24日 23 阅读

http://output.jsbin.com/titaki以上这个链接在firefix浏览器打开就会发现里面有个小容器，而且下拉按钮样式很不友好上谷歌查了一下1.小容器可以利用select:padding:02.下拉图标可以利用background-image；-moz-appearance:none把下拉框的样式去掉，然后@-moz-document url-prefix（） {select.form-control {-moz-appearance:...

AngularJS 整理一些优化的小技巧

2016年08月24日 23 阅读

关于优化ng的手段网上已经有很多了,核心都是从$$watchers这个作用域内部属性说起的,今天我来说点别的,本质还是不变的,因为这是ng的硬伤,不过我相信只要运用合适的手法,这些问题还是可以避免的.ng简介angularjs简称ng,是google出品的mvvm框架,此在提高前端项目开发效率（实践中来看确实很能提高开发效率）,以控制器,指令,服务来围绕整个项目,内部以独有的DI来解决三层之前的调用问题.更多的详情信息可以参考我之前写的ng源码分析.ng的...

js修改onclick动作的四种方法（推荐）

2016年08月24日 31 阅读

第一种：button.onclick = Function（"alert（"hello"）;"）;第二种：button.onclick = function（）{alert（"hello"）; };第三种：button.onclick = myAlert; function myAlert（）{ alert（"hello"）; }第四种：这种情况更加动态，更为实用，而且还能添加多个函数（添加的事件的顺序即执行顺序），呵呵if（window.addEvent...

BootStrap日期控件在模态框中选择时间下拉菜单无效的原因及解决办法（火狐下不能点击）

2016年08月24日 16 阅读

今天收到程序组提交的一个兼容BUG，在火狐中使用模态框加载日期控件时选择时间下拉菜单没有效果（不能点击），而在谷歌中却是好的，排错思路：1，在当前页面主层放置一个时间控件，测试通过2，在ajax加载页放置一个时间控件，测试通过3，在模态框最外层放置一个时间控件，不通过主要原因是模态框与时间下拉菜单层级关系造成（z-index），因时间控件是收bootstrap的时间控件.js文件生成，所以导致在页面与css样式表中修改无效，网上有直接修改bootstrap...

js 获取站点应用名的简单实例

2016年08月24日 22 阅读

一直用EL表达式${pageContext.request.contextPath}来传递应用名，在用到JS中时，很麻烦，虽然也可以用，但是加大了代码复杂度，因此这里推荐用JS获取应用名function getContextPath（） {var contextPath = document.location.pathname;var index =contextPath.substr（1）.indexOf（"/"）; //这个地方可能有问题，要根据具体项...

Bootstrap模态框（modal）垂直居中的实例代码

2016年08月24日 18 阅读

Bootstrap官网下载：http://v3.bootcss.com/ 今天就在使用Bootstrap框架中遇到的一个问题分享一下，在产品开发的过程中使用了大量的弹出窗口（modal）。刚开始学习使用的过程中就发现此窗口不能垂直居中，总是偏上，并且不能拖动，看了一下使用说明也没有提供过多的属性设置和方法，就这样使用默认的方式一直用着。最近，客户却提出了一个要求：能不能让弹出窗口居中，因为一些小的窗口偏上总感觉整体页面失衡，大一点的还过得去。因为...

首页 / 脚本样式 / JavaScript

jQuery弹出层后禁用底部滚动条（移动端关闭回到原位置）

AngularJS动态生成div的ID源码解析

AngularJS国际化详解及示例代码

AngularJS 执行流程详细介绍

Angularjs结合Bootstrap制作的一个TODO List

jQuery表单事件实例代码分享

jQuery过滤选择器经典应用

js H5 canvas投篮小游戏

AngularJS 工作原理详解

jQuery fadeOut 异步实例代码详解

Laydate时间组件在火狐浏览器下有多时间输入框时只能给第一个输入框赋值的解决方法

浅谈jQuery中hide和fadeOut的区别 show和fadeIn的区别

Javascript中浏览器窗口的基本操作总结

js获取form表单所有数据的简单方法

BootStrap下拉框在firefox浏览器界面不友好的解决方案

AngularJS 整理一些优化的小技巧

js修改onclick动作的四种方法（推荐）

BootStrap日期控件在模态框中选择时间下拉菜单无效的原因及解决办法（火狐下不能点击）

js 获取站点应用名的简单实例

Bootstrap模态框（modal）垂直居中的实例代码