单击和双击事件的冲突处理示例代码 2016年07月27日 9 阅读 先上代码: 复制代码 代码如下: <head> <title></title> <script src="Scripts/jquery-1.4.1.js" type="text/javascript"></script> <script type="text/javascript" language="javascript"> $(function () { $("div").bind...
ExtJS 刷新后如何默认选中刷新前最后一次选中的节点 2016年07月27日 9 阅读 在对树节点进行操作后往往需要进行reload操作刷新一下树,但是很多业务都需要在树形刷新后默认选中最后一次选中的节点。这样就必须先保存前一次选中节点的信息,在reload之后再次通过节点的信息进行expand逐层展开到这个节点上。 查询了好久终于找到一个可行的方案,就是通过节点的path来记录节点的位置信息,然后通过path从root节点开始逐层展开,直到最后一个节点。 完成的代码如下: 首先是extjs3.x版本中的方法: 复制代码 代码如下: //获取...
Extjs grid添加一个图片状态或者按钮的方法 2016年07月27日 9 阅读 extjs的grid中我们经常需要添加一个图片状态或者按钮,总结一下自己用过的方法: 一、状态表示: 复制代码 代码如下: renderer:function(value){ if(value==0){ return "<img src="images/icons/cancel.png">"; }else if(value==1){ return "<img src="images/icons/accept.png">"; } re...
javascript替换已有元素replaceChild()使用介绍 2016年07月27日 9 阅读 replaceChild(a,b)是用来替换文档中的已有元素的 参数a:要插入的节点, 参数b:要替换的节点 复制代码 代码如下: var oDiv = document.getElementById("guoDiv"); var oSpan = document.createElement("span"); oSpan.innerHTML = "4"; var firsChild = oDiv.firstElementChild ? oDiv.first...
javascript 拷贝节点cloneNode()使用介绍 2016年07月27日 10 阅读 cloneNode(a)方法接受一个布尔值参数,表示是否深拷贝 true:表示执行深拷贝,复制本节点以及整个子节点树. false:浅拷贝.只复制节点本身. 复制后返回的节点副本属于文档所有,但是并没有父节点.除非使用appendChild,insertChild(),replaceChild()将它添加到文档 复制代码 代码如下: <div id="guoDiv"> <span>1</span> <span>...
javascript移出节点removeChild()使用介绍 2016年07月27日 13 阅读 removeChild(a)是用来删除文档中的已有元素 参数a:要移出的节点 复制代码 代码如下: <div id="guoDiv"> <span>1</span> <span>2</span> <span>3</span> </div> var oDiv = document.getElementById("guoDiv"); var firsChild = ...
jQuery scroll事件实现监控滚动条分页示例 2016年07月27日 10 阅读 scroll事件适用于window对象,但也可滚动iframe框架与CSS overflow属性设置为scroll的元素。复制代码 代码如下:$(document).ready(function () { //本人习惯这样写了 $(window).scroll(function () { //$(window).scrollTop()这个方法是当前滚动条滚动的距离 //$(window).height()获取当前窗体的高度 //$(document).he...
jquery scroll()区分横向纵向滚动条的方法 2016年07月27日 9 阅读 jquery在scroll()事件里面,我想判断当前滚动条横向还纵向;我开始用全局变量记录scrollTop的值来判断的,如果前后值没有变就是横向滚动了,但是页面里有多个滚动条,就要多个全局变量来控制,该怎么判断呢?scroll jquery 区分横向纵向滚动条解决方法:each一次设置选择器选中对象的scrollLeft/scrollTop就行了,然后绑定scroll事件,触发的时候获取scrollLeft/scrollTop和初始化的scrollLef...
js 显示base64编码的二进制流网页图片 2016年07月27日 17 阅读 Data URI scheme。 Data URI scheme是在RFC2397中定义的,目的是将一些小的数据,直接嵌入到网页中,从而不用再从外部文件载入。比如上面那串字符,其实是一张小图片,将这些字符复制黏贴到火狐的地址栏中并转到,就能看到它了,一张2*2的白色gif图片。 在上面的Data URI中,data表示取得数据的协定名称,image/gif是数据类型名称,base64 是数据的编码方法,逗号后面就是这个image/gif文件base64编码...
javascript写的一个模拟阅读小说的程序 2016年07月27日 9 阅读 复制代码 代码如下: <html> <meta http-equiv="content-type" content="text/html; charset=UTF-8" /> <head> <title></title> <script type="text/javascript"> function Reader(content, cID, stopID, continueID) {...
调试代码导致IE出错的避免方法 2016年07月27日 10 阅读 复制代码 代码如下: if(!window.console){ var names = ["log", "debug", "info", "warn", "error", "assert", "dir", "dirxml","group", "groupEnd", "time", "timeEnd", "count", "trace", "profile", "profileEnd"]; window.console = {}; for (var i = ...
利用jquery动画特效和css打造的侧边弹出垂直导航 2016年07月27日 9 阅读 这是一款利用jquery动画特效和css打造的侧边弹出垂直导航,整个弹出过程比较流畅,而且代码很简单,如果你正在寻找一款带动画的垂直导航,那么可以试试这个。下面是效果截图: HTML源码: 复制代码 代码如下: <title>Jquery+CSS侧边弹出垂直导航</title> <style type="text/css"> html, body, ul, li { margin: 0; padding: 0; bord...
javascript中的循环语句for语句深入理解 2016年07月27日 10 阅读 程序实现中经常要用到循环语句,其中for循环是多数语言都有的。在javascript中,for循环有几种不同的使用情况,下面就分别来讲述我的理解。 第一种:(通常情况,循环执行相关操作) 复制代码 代码如下: var objA=document.getElementsByTagName("a"); var i,max; for(i=0,max=objA.length;i<max;i++){ objA[i].onclick=function(){ al...
在jquery中的ajax方法怎样通过JSONP进行远程调用 2016年07月27日 9 阅读 关于JSONP的概念和为什么要使用JSONP网上已经有很多教程,这一节主要演示下在JQUERY中的ajax方法怎样通过JSONP进行远程调用 首先介绍下$.ajax的参数 type:请求方式 GET/POST url:请求地址 async:布尔类型,默认为true 表示请求是否为异步,如果为false表示为同步。 dataType:返回的数据类型 jsonp:传递给请求处理程序或页面的,用以获得jsonp回调函数名的参数名(一般默认为:callback) ...
原生js获取宽高与jquery获取宽高的方法关系对比 2016年07月27日 11 阅读 说明:1、因为获取高度的情况跟获取宽度的情况一样,所以以下只说获取宽度的情况。 2、以下所说的所有方法与属性所返回的值都是不带单位的。 3、为了方便说明,以下情况采用缩写表示: obj -> 在原生JS中表示DOM对象;在JQuery中表示JQuery对象 Width -> obj.style.width OffsetWidth -> obj.offsetWidth $width -> o...
iframe窗口高度自适应的又一个巧妙实现思路 2016年07月27日 9 阅读 domainA 中有一个页面index.html,通过iframe嵌套了domainB中的一个页面other.html 由于other.html页面在iframe中显示,而且其页面内容会动态的增加或减少,现在需要去掉iframe的滚动条 由于javascript同源策略的限制,无法进行跨域操作,使得问题比较棘手 参考了一下网上的做法,引入了一个代理页面,或者叫做中介 agent.html,属于domainA 然后,在domainB 中的other.html...
深入理解javascript的执行顺序 2016年07月27日 9 阅读 如果你不能理解javaScript语言的运行机制,或者简单地说,你不能掌握javascript的执行顺序,那你就犹如伯乐驾驭不了千里马,让千里马脱缰而出,四处乱窜。那么JavaScript是怎么来进行解析的吗?它的执行顺序又是如何的呢?在了解这些之前,我们先来认识几个重要的术语:1、代码块JavaScript中的代码块是指由<script>标签分割的代码段。例如:复制代码 代码如下:<script type="text/javascrip...
jQuery使用ajaxSubmit()提交表单示例 2016年07月27日 12 阅读 ajaxSubmit(obj)方法是jQuery的一个插件jquery.form.js里面的方法,所以使用此方法需要先引入这个插件。如下所示:复制代码 代码如下:<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script><script src="http://malsup.github.io/jquery.form.js"></script...
JavaScript中的prototype.bind()方法介绍 2016年07月27日 9 阅读 以前,你可能会直接设置self=this或者that=this等等,这样做当然也能起作用,但是使用Function.prototype.bind()会更好,看上去也更专业。下面举个简单的例子:复制代码 代码如下:var myObj = { specialFunction: function () { }, anotherSpecialFunction: function () { }, getAsyncData: function (cb) { cb();...
JavaScript排序算法之希尔排序的2个实例 2016年07月27日 9 阅读 插入排序在对几乎已经排好序的数据操作时, 效率高, 即可以达到线性排序的效率。但插入排序一般来说是低效的, 因为插入排序每次只能将数据移动一位。希尔排序按其设计者希尔(Donald Shell)的名字命名,该算法由1959年公布。一些老版本教科书和参考手册把该算法命名为Shell-Metzner,即包含Marlene Metzner Norton的名字,但是根据Metzner本人的说法,“我没有为这种算法做任何事,我的名字不应该出现在算法的名字中。”希尔排...