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

js表单元素checked、radio被选中的几种方法（详解）

2017年02月06日 34 阅读

0、环境<input type="checkbox" value="lol"/>lolvar lol = document.getElementsByTagName（"input"）[0];1、HTML DOMa.lol.checked = true;属性的值可以不是lol，只要转为布尔值的时候为true就可以，取值时只有true、false两种不会增加checked标记b.lol.click（）;不会增加checked标记，这时lol.che...

angularjs 源码解析之scope

2017年02月06日 37 阅读

简介在ng的生态中scope处于一个核心的地位，ng对外宣称的双向绑定的底层其实就是scope实现的，本章主要对scope的watch机制、继承性以及事件的实现作下分析。监听1. $watch1.1 使用// $watch: function（watchExp, listener, objectEquality）var unwatch = $scope.$watch（"aa", function （） {}, isEqual）;使用过angular的会经常...

JavaScript代码里的判断小结

2017年02月06日 34 阅读

比较判断比较判断是比较两个值，返回一个布尔值，表示是否满足比较条件。JavaScript一共提供了8个比较运算符，这里主要说一下严格相等运算符和相等运算符的区别严格相等运算符===判断返回两个值类型不同false两个值都是null/undefined/true/false true 两个值其中之一为NaN false两个值都为数值且值相等 true两个值都为字符串，且值相等 true两个值都指向同一个引用类型 true1 === "1" // falset...

jQuery使用deferreds串行多个ajax请求

2017年02月06日 36 阅读

使用JQuery对多个ajax请求串行执行。HTML代码：<a href="#">Click me！</a><div></div> JS:function GetSomeDeferredStuff（） {var deferreds = [];var i = 1;for （i = 1; i <= 10; i++） {var count = i;deferreds.push（$.post（"/echo/ht...

利用原生JS自动生成文章标题树的实例

2017年02月06日 35 阅读

实现原理很简单，就是循环文章模块，并抽取其中的h2、h3标签，将其中的内容赋予给新建的title树。代码如下：HTML代码：<div class="contextBox"> <div id="article"><h2>二级标题</h2><h3>三级标题</h3><p>hello hello hello hello hello hello hello hello hello ...

基于JavaScript实现添加到购物车效果附源码下载

2017年02月06日 35 阅读

我们有很多种方法实现将商品添加到购物车，通常的做法是点击“添加到购物车”按钮，会跳转到购物车，在购物车里可以点击“结算”按钮进行结算。而今天我给大家介绍一个更友好的解决方案。查看演示下载源码默认情况下，购物车是隐藏不可见的，当用户点击添加到购物车按钮后，商品信息会添加到购物车，购物车会以按钮的形式出现在页面右下角，点击按钮则会展开购物车，显示购物车中的商品信息，同时也可以对购物车中的商品进行删除或者结算等操作。用户也可以暂时关闭购物车继续购物。HTML结...

深入浅析jQuery对象$.html

2017年02月06日 36 阅读

$对象说起jQuery，最明显的标志，毫无疑问，就是，，其实是jquery的简写。而使用$（）包装的对象就是jQuery对象与jQuery对象相对应的就是DOM对象，DOM对象其实就是DOM元素节点对象如果直接写document，则指的是document的DOM元素对象document.onclick = function（）{alert（"dom"）;} 而如果用（）包括起来，如（）包括起来，如（document），是jQuery（do...

深入浅析JS Function（）构造函数

2017年02月06日 40 阅读

js中function对象是一个令人着迷的东西，但由于他太过于灵活，常常令人迷惑.先给大家看个代码片段。var scope="global";function constructFunction（）{var scope="local";return new Function（" return scope"）;}constructFunction（）（）; function constructFunction2（）{var scope="local";ret...

详解AngularJS如何实现跨域请求

2017年02月06日 34 阅读

跨域，前端开发中经常遇到的问题，AngularJS实现跨域方式类似于Ajax，使用CORS机制。下面阐述一下AngularJS中使用$http实现跨域请求数据。AngularJS XMLHttpRequest：$http用于读取远程服务器的数据$http.post（url, data, [config]）.success（function（）{ ... }）;$http.get（url, [config]）.success（function（）{ ... ...

AngularJS中$http服务常用的应用及参数

2017年02月06日 33 阅读

前言$http 服务：只是简单封装了浏览器原生的XMLHttpRequest对象，接收一个参数，这个参数是一个对象，包含了用来生成HTTP请求的配置内容，这个函数返回一个promise对象，具有success和error方法。$http服务的使用场景：var promise = $http（{method:"post", // 可以是get,post,put, delete,head,jsonp;常使用的是get,posturl:"./data.json...

JS对HTML表格进行增删改操作

2017年02月06日 36 阅读

要求如下：写一个html页面，里面有一个表格，储存用户信息，包括：用户名，密码，姓名，邮箱，电话，qq，身份证号。现在要通过js对表格进行动态的增删改查（只是内存操作即可）:首先，加载页面时用js加载3条初始化记录；有一个增加记录的按钮，点击后弹出一个div层提供输入，要求各字段必须符合输入格式且不能为空：用户名：英文＋数字＋下划线；密码：英文＋数字＋下划线＋6位以上；姓名：中文；邮箱，电话，qq，身份证号符合格式；每条记录有修改、删除；修改类似增加，要把...

js实现图片淡入淡出切换简易效果

2017年02月06日 35 阅读

本文实例为大家分享了js图片淡入淡出切换详细代码，供大家参考，具体内容如下<！DOCTYPE html><html><head><meta charset="UTF-8"><title></title><style type="text/css">*{padding: 0;margin: 0;}ul{overflow: hidden;}li{list-style: none...

javascript实现简单的on事件绑定

2017年02月06日 39 阅读

实现一个简单的on和off方法介绍:Event对象: funcList: {}, //保存delegate所绑定的方法 ieFuncList :{} //保存ie下的绑定方法Event 对象中的 on, off 方法,主要调用Event.addEvent, Event.delegateHandle这两个方法 Event.addEvent: 调用底层的addEventListener添加监听事件 Event.delegateHandle: 当发生事件之后,...

深入浅出 jQuery中的事件机制

2017年02月06日 36 阅读

首先呢,我们先来看一下,jQuery中的ready事件,它的作用有些类似于window中的onload事件,只不过二者的区别在于,onload事件是要等到网页中的dom节点加载完成,并且css进行样式渲染后,JavaScript中进行了预加载后再执行,而ready事件呢,是在网页中的标签被解析为DOM节点是就执行其中的函数,直白点说,ready执行的比onload早,那么我们在用jQuery的时候,需要做一个ready的执行定义://ready的作用,是为...

jQuery事件处理的特征（事件命名机制）

2017年02月06日 38 阅读

JQuery中的bind（）和unbind（），提供了事件的绑定和取消机制，既可以绑定html默认支持的事件，也能够绑定自定义的事件。JQuery支持自定义事件，这显然给编程带来了极大的灵活性。下面就一起学习下，jquery事件处理的一些特性。1、JQuery中事件可以重复绑定，不会覆盖。$（"#button1"）.bind（"click",function（）{alert（"func1"）;}）;$（"#button1"）.bind（"click",fu...

如何利用JSHint减少JavaScript的错误

2017年02月06日 35 阅读

前言JSHint用于分析和验证JavaScript代码是否符合您的编码规则。这个强大的工具可以帮助发现您代码中错误和问题T，它强制你的团队保持一定的编码惯例和风格，使得代码可靠和更容易阅读.在这篇文章中,我将向您展示如何安装、配置和使用JSHint。还包括一个例子，列出了一些我最喜欢的能使用JSHint的编辑器。安装 JSHint安装JSHint非常容易，你可以使用 Node 包管理器（npm）来做。如果你还没有安装npm，你可以从 nodeJS we...

浅谈JavaScript 函数参数传递到底是值传递还是引用传递

2017年02月06日 36 阅读

在传统的观念里，都认为JavaScript函数传递的是引用传递（也称之为指针传递），也有人认为是值传递和引用传递都具备。那么JS的参数传递到底是怎么回事呢？事实上以下的演示也完全可以用于Java首先来一个比较简单的，基本类型的传递：function add（num）{num+=10;return num;}num=10;alert（add（num））;aelrt（num）;//输出20,10对于这里的输出20,10，按照JS的官方解释就是在基本类型参数传递...

ES6所改良的javascript“缺陷”问题

2017年02月06日 38 阅读

块级作用域ES5没有块级作用域，只有全局作用域和函数作用域，由于这一点，变量的作用域甚广，所以一进入函数就要马上将它创建出来。这就造成了所谓的变量提升。ES5的“变量提升”这一特性往往一不小心就会造成一下错误：1.内层变量覆盖外层变量var tmp = new Date（）;function f（） {console.log（tmp）;if （false） { //执行则undefinedvar tmp = "hello world";}}2.变量泄露，成...

EasyUI创建对话框的两种方式

2017年02月06日 34 阅读

对话框（Dialog）是一个特殊的窗口（window），可以包含在顶部的工具栏和在底部的按钮。默认情况下，对话框（Dialog）不能改变大小，但是用户可以设置 resizable 属性为 true，使其可以改变大小。这种就是对话框了。EasyUI有两种创建方式：第一种：通过已存在的DOM节点元素标签创建<！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www....

JavaScript DOM节点操作方法总结

2017年02月06日 35 阅读

节点类型主要有三种：元素节点，属性节点和文本节点。而对DOM的主要也就是围绕元素节点和属性节点的增删改查。下面就分别从对元素节点的操作和对属性节点的操作来介绍。元素节点查在对DOM进行增删改之前，首先要找到对应的元素。具体的查找方法如下：getElementByID（） // 得到单个节点 getElementsByTagName（）// 得到节点数组 NodeList getElementsByName（）// 得到节点数组 NodeList同时还可以...

首页 / 脚本样式 / JavaScript

js表单元素checked、radio被选中的几种方法（详解）

angularjs 源码解析之scope

JavaScript代码里的判断小结

jQuery使用deferreds串行多个ajax请求

利用原生JS自动生成文章标题树的实例

基于JavaScript实现添加到购物车效果附源码下载

深入浅析jQuery对象$.html

深入浅析JS Function（）构造函数

详解AngularJS如何实现跨域请求

AngularJS中$http服务常用的应用及参数

JS对HTML表格进行增删改操作

js实现图片淡入淡出切换简易效果

javascript实现简单的on事件绑定

深入浅出 jQuery中的事件机制

jQuery事件处理的特征（事件命名机制）

如何利用JSHint减少JavaScript的错误

浅谈JavaScript 函数参数传递到底是值传递还是引用传递

ES6所改良的javascript“缺陷”问题

EasyUI创建对话框的两种方式

JavaScript DOM节点操作方法总结