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

Easyui form combobox省市区三级联动

2017年02月06日 12 阅读

使用方法$（function （） {//省市区三级联动$.citySelect（{ $province: $（"#province"）, $city: $（"#city"）, $County: $（"#county"） }）;$（"#ff"）.form（"load", { "province": "广东省", "city": "深圳市", "county": "罗湖区" }）;}）;<form id="ff" method="post">&l...

JSON+Jquery省市区三级联动

2017年02月06日 11 阅读

效果图如下所示：废话不多说了，直接给大家贴代码了，具体代码如下所示：<script src="../Scripts/jquery-1.4.1.min.js" type="text/javascript"></script> <！--读取数据库，以json的格式输出，然后复制json数据，创建js文件--> <script src="json/CityJson.js" type="text/javascript"&g...

javascript中的作用域和闭包详解

2017年02月06日 12 阅读

一、JavaScript作用域JavaScript变量实际上只有两种作用域，全局变量和函数的内部变量。在函数内部任何一个地方定义的变量（var scope）其作用域都是整个函数体。全局变量：指的是window对象下的对象属性。作用域划分：基于上下文，以函数进行划分的，而不是由块划分的。强调两点：1. 在同一作用域中，JavaScript是允许变量的重复定义，并且后一个定义将覆盖前一个定义。2. 函数内部如果不加关键字var而定义的变量，默认为全局变量。va...

AngularJS单选框及多选框实现双向动态绑定

2017年02月06日 12 阅读

在AngularJS中提及双向数据绑定，大家肯定会想到ng-model指令。一、ng-modelng-model指令用来将input、select、textarea或自定义表单控件同包含它们的作用域中的属性进行绑定。它将当前作用域中运算表达式的值同给定的元素进行绑定。如果属性不存在，它会隐式创建并将其添加到当前作用域中。始终用ng-model来绑定scope上一个数据模型内的属性，而不是scope上的属性，这可以避免在作用域或后代作用域中发生属性覆盖！&...

jQuery简单操作cookie的插件实例

2017年02月06日 11 阅读

本文实例讲述了jQuery操作cookie的插件。分享给大家供大家参考，具体如下：jQuery.cookie = function（name, value, options） {if （typeof value ！= "undefined"） { // name and value given, set cookieoptions = options || {};if （value === null） {value = "";options.expires...

js和jquery实现监听键盘事件示例代码

2017年02月06日 12 阅读

项目中要监听键盘组合键CTRL+C，以便做出对应的响应。查了一些方法但是其兼容性和稳定性不是很高，最终得到如下方法，经测试在Firfox、Chrome、IE中均可以使用。一、使用javascript实现<！DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script> function ...

jquery悬浮提示框完整实例

2017年02月06日 11 阅读

本文实例讲述了jquery悬浮提示框实现方法。分享给大家供大家参考，具体如下：<html><head><script type="text/javascript" src="jquery.js"></script><script type="text/javascript">$（function（） {x = 5;y = 15;$（"p"）.hover（function（e） {otitle = ...

javascript图片切换综合实例（循环切换、顺序切换）

2017年02月06日 11 阅读

本文实例为大家介绍了javascript图片切换的两种方式，循环切换以及顺序切换的实例代码，分享给大家供大家参考，具体内容如下<html><head><meta charset="utf-8"><style>p{margin:0;}input{border:none;outline: none;margin:0;padding:0;} img{width:300px;height:300px;} #loop{...

详解JavaScript中localStorage使用要点

2017年02月06日 13 阅读

localStorage主要用来替代cookie，解决cookie（可参考cookie使用要点）读写困难、容量有限的问题。localStorage有以下几个特点1.localStorage是一个普通对象，任何对象的操作都适用。2.localStorage对象的属性值只能是字符串。这个需要特别注意了，假设我们要保存一个对象到localStorage中，可以使用拼接的方式。如var obj = {"na=me": "chua",age: 9}//拼接到lo...

JavaScript事件 "事件对象"的注意要点

2017年02月06日 11 阅读

在触发DOM上的某个事件时，会产生一个事件对象event。DOM中的事件对象兼容DOM的浏览器会将一个event对象传入到事件处理程序中。event对象包含与创建它的特定事件有关的属性和方法。除法的事件类型不一样，可用的属性方法就不一样。不过，所有的事件都会有下表列出的成员。下面列出了 2 级 DOM 事件标准定义的属性：bubbles: 返回布尔值，指示事件是否是起泡事件类型。cancelable: 返回布尔值，指示事件是否可拥可取消的默认动作。curr...

JavaScript事件类型中UI事件详解

2017年02月06日 11 阅读

“DOM3级事件”规定了一下几类事件UI事件，当用户与页面上的元素交互时除法；焦点事件，元素获得或失去焦点；鼠标事件，通过鼠标在页面上执行操作；滚轮事件，使用鼠标滚轮或类似设备；文本事件，当用户在文档中输入文本；键盘事件，通过键盘在页面上执行操作；合成事件，当为IME（Input Method Editor，输入法编辑器）输入字符时除法；变动事件（mutation），底层DOM结构发生变化；变动名称事件，当元素或属性名变动时，此类事件已被废弃。下文着重说明...

基于javascript实现随机颜色变化效果

2017年02月06日 11 阅读

本文实例讲解了基于javascript实现随机颜色变化效果，分享给大家供大家参考，具体内容如下<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>随机颜色变化效果</title> <style type="text/css">#thediv{ width:...

jquery拖拽效果完整实例（附demo源码下载）

2017年02月06日 12 阅读

本文实例讲述了jquery实现的拖拽效果。分享给大家供大家参考，具体如下：运行效果截图如下：点击此处查看在线演示效果。具体代码如下：html部分：<！DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd"><html><head><script type="text/java...

基于jQuery实现文本框只能输入数字（小数、整数）

2017年02月06日 11 阅读

在实际应用中，文本框中有时候只能够允许输入整数，但是有时候可能更为"博爱"一点，可以允许输入浮点数，下面就通过实例代码介绍一下如何利用jquery实现文本框只能输入小数，代码如下:<！DOCTYPE html><html><head><meta charset="utf-8"><meta name="author" content="http://www.jb51.net/" /><titl...

AngularJS初始化静态模板详解

2017年02月06日 11 阅读

AngularJS可以通过ng-app来自动初始化模块，也可以通过angular.bootstrap（document, [module]）手动启动应用，不管用哪种方法，应用启动后，动态往dom树里面添加的dom元素，无法执行angular指令，即无法通过ng-model、ng-click给动态添加的dom元素绑定数据和事件，怎么办？动态添加dom元素的场景非常常见，如点击某页面上修改用户资料的按钮，发送ajax请求去查询用户资料，然后通过模板引擎将事先写...

阿里巴巴技术文章分享 Javascript继承机制的实现

2017年02月06日 11 阅读

Javascript作为一门脚本语言，在设计之初并没有考虑到面向对象的特性。即便到了当今这个遍布现代浏览器的年代，各种Javascript 框架/库如雨后春笋般地疯狂生长，Javascript中连个 class 关键字都没有。如果你要编写一个类，你还得借助于function，至于继承、重载什么的，就别奢望了。可是，没有继承，日子怎么过啊？难道把所有的共有逻辑都拷贝一遍，实现最低级的代码复用？答案当然是——NO，所以，我们要自己实现继承！目标最关键的目标当然...

JavaScript对象参数的引用传递

2017年02月06日 11 阅读

今天碰到一个问题，怎样把参数变更影响到函数外部，如：<script>var myname = "wood";A（myname）;document.write（myname）;function A（n） {n = "Yao";}</script>输出结果还是wood，说明当myname传入A函数后，在函数体内，相当于有一个myname的副本，这个副本的值等于myname，之后在函数体内对其做的操作是在这个副本上进行的。但情况有所不同，...

JavaScript基本语法学习教程

2017年02月06日 11 阅读

Javascript的基本概念 i. javascript语言是网页中广泛使用的一种脚本语言。 ii. Javascript语言的特点：1. 由Netscape公司开发，基于对象和事件驱动并具有一定安全性的脚本语言。 2. 特点：a） Javascript是一种脚本语言，同时也是一种解释性语言；b） Javascript是靠浏览器中的javascript解释器来运行的，与操作环境没有关系；c）在javascript中，采用的是不太严格的数据类型，这样的俄...

Jquery easyui开启行编辑模式增删改操作

2017年02月06日 11 阅读

jQuery EasyUI 框架提供了创建网页所需的一切，帮助您轻松建立站点。easyui 是一个基于 jQuery 的框架，集成了各种用户界面插件。easyui 提供建立现代化的具有交互性的 javascript 应用的必要的功能。使用 easyui，您不需要写太多 javascript 代码，一般情况下您只需要使用一些 html 标记来定义用户界面。HTML 网页的完整框架。easyui 节省了开发产品的时间和规模。easyui 非常简单，但是功能非常...

jQuery时间插件jquery.clock.js用法实例（5个示例）

2017年02月06日 11 阅读

本文实例讲述了jQuery时间插件jquery.clock.js用法。分享给大家供大家参考，具体如下：Example 1:Basic clock, no options<html><head> <title>jclock</title> <mce:script type="text/javascript" src="jquery-1.2.1.min.js" mce_src="jquery-1.2.1.m...

首页 / 脚本样式 / JavaScript

Easyui form combobox省市区三级联动

JSON+Jquery省市区三级联动

javascript中的作用域和闭包详解

AngularJS单选框及多选框实现双向动态绑定

jQuery简单操作cookie的插件实例

js和jquery实现监听键盘事件示例代码

jquery悬浮提示框完整实例

javascript图片切换综合实例（循环切换、顺序切换）

详解JavaScript中localStorage使用要点

JavaScript事件 "事件对象"的注意要点

JavaScript事件类型中UI事件详解

基于javascript实现随机颜色变化效果

jquery拖拽效果完整实例（附demo源码下载）

基于jQuery实现文本框只能输入数字（小数、整数）

AngularJS初始化静态模板详解

阿里巴巴技术文章分享 Javascript继承机制的实现

JavaScript对象参数的引用传递

JavaScript基本语法学习教程

Jquery easyui开启行编辑模式增删改操作

jQuery时间插件jquery.clock.js用法实例（5个示例）