Welcome

首页 / 脚本样式 / JavaScript

jQuery使用deferreds串行多个ajax请求

2017-02-06 18
使用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 18
实现原理很简单，就是循环文章模块，并抽取其中的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 17
我们有很多种方法实现将商品添加到购物车，通常的做法是点击“添加到购物车”按钮，会跳转到购物车，在购物车里可以点击“结算”按钮进行结算。而今天我给大家介绍一个更友好的解决方案。查看演示 下载源码默认情况下，购物车是隐藏不可见的，当用户点击添加到购物车按钮后，商品信息会添加到购物车，购物车会以按钮的形式出现在页面右下角，点击按钮则会展开购物车，显示购物车中的商品信息，同时也可以对购物车中的商品进行删除或者结算等操作。用户也可以暂时关闭购物车继续购物。HTML结...

深入浅析jQuery对象$.html

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

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

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

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

2017-02-06 17
本文实例为大家分享了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 18
实现一个简单的on和off方法介绍:Event对象: funcList: {}, //保存delegate所绑定的方法 ieFuncList :{} //保存ie下的绑定方法Event 对象中的 on, off 方法,主要调用Event.addEvent, Event.delegateHandle这两个方法 Event.addEvent: 调用底层的addEventListener添加监听事件 Event.delegateHandle: 当发生事件之后,...

深入浅出 jQuery中的事件机制

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

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

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

如何利用JSHint减少JavaScript的错误

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

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

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

EasyUI创建对话框的两种方式

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

JavaScript DOM节点操作方法总结

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

JavaScript数据操作_浅谈原始值和引用值的操作本质

2017-02-06 21
我的一句话总结：原始值不管是变量赋值还是函数传递都不会改变原值，引用值不管是变量赋值还是函数传递，如果新变量重新赋值，则不会影响原引用值，如新变量是直接操作，就会影响原引用值。首先明确，值和类型是两个不同的概念。例如，null是null类型的唯一值、undefined是undefined类型的唯一值、而true和false是boolean类型仅有的两个值等。在任何语言中，值的操作都可以归纳为以下3个方面。复制值：即把值赋值给新变量，或者通过变量把值赋值给另...

JS实现显示带倒影的图片横排居中放大展示特效实例【测试可用】

2017-02-06 18
本文实例讲述了JS实现显示带倒影的图片横排居中放大展示功能。分享给大家供大家参考，具体如下：<！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head&...

js简单获取表单中单选按钮值的方法

2017-02-06 19
本文实例讲述了js简单获取表单中单选按钮值的方法。分享给大家供大家参考，具体如下：HTML部分如下：<form><tr bgcolor="#FFFFFF"><td width="84" height="23" rowspan="3" align="center" valign="middle"bordercolor="#999999"><span class="STYLE1">回退类型:</span&g...
<< 131 132 133 134 135 136 137 138 139 140 >>
版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图