随笔分类 - JavaScript/Jquery
摘要：<div id="img" style="position: absolute; left: 311; top: 815;visibility :hidden;" onmouseover="clearInterval(interval)" onmouseout="interval = setInterval('changePos()', delay)" align="right"><a href="#" target="_blank
阅读全文
摘要：最近做了一个项目，涉及到了采购这块，对每一笔采购里面，都需要详细录入采购的具体物品，包括名称，数量，单价，总结和重量，如图：因为物品不固定，所以需要动态的添加，这个功能以前做过，采用是jquery的一种方式，下面介绍一种采用纯javascript，对表格的操作首先在页面中加入javascript代码块<script type="text/javascript">function addRow(tabObj,colNum,sorPos,targPos){ var nTR = tabObj.insertRow(tabObj.rows.length-targPos);
阅读全文
摘要：<!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><meta http-equiv="Content-Type" content="text/html; charset=gb23
阅读全文
摘要：我们在很多时候需要控制输入框的输入限制，比如注册的时候，限制只能输入数字，日期等，当然，限制方式很多，今天介绍一种通过js来实现的一种即时控制限制，也就是在你输入的时候就给予限制： 也就是163邮箱注册的时候，那个日期控制的效果，那么怎么实现呢，其实很简单，看个例子，比如我们想来控制InputText的框中只能输入数字，那么只要使用onkeyup事件来完成就可以了 <input id="inputText" onkeyup="value=value.replace(/[^\d]/g,'')" />验证人民币输入：onkeyup
阅读全文
摘要：今天在删除信息的时候为了实现无刷新的状态，使用了jquery ajax，功能很简单，就是在列表中删除信息，然后在无刷新的情况下重新显示信息，使用jquery ajax之后，信息删除了，也重新显示了信息，可是信息还是显示没删之前的信息，但是在看数据库，信息确实删掉了，后来才知道，原来是因为jquery ajax缓存的问题，解决的办法：在函数中加一个cache:false就可以了代码：View Code functionajaxdel(id,wbId){if(confirm("确定要删除吗？")){$.ajax({url:"PLHandler.ashx?id=&quo
阅读全文
摘要：基本介绍： showModalDialog() (IE 4+ 支持) showModelessDialog() (IE 5+ 支持) window.showModalDialog() 方法用来创建一个显示HTML内容的模态对话框。 window.showModelessDialog() 方法用来创建一个显示HTML内容的非模态对话框。使用方法： vReturnValue = window.showModalDialog(sURL [, vArguments] [,sFeatures]) vReturnValue = window.showModelessDialog(sURL [, vArgu
阅读全文
摘要：jQuery EasyUI是一组基于jQuery的UI插件集合，而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。开发者不需要编写复杂的javascript，也不需要对css样式有深入的了解，开发者需要了解的只有一些简单的html标签。 jQuery EasyUI为我们提供了大多数UI控件的使用，如：accordion，combobox，menu，dialog，tabs，tree，window等等 下载的里面有好多例子，用的时候可以参考这个，结合自己的需求慢慢研究 下载地址：jquery-easyui
阅读全文
摘要：下面把jquery实现遮罩层，也就是上面效果的代码贴出来，大家可以借鉴的看看 css样式： View Code /*DEFAULTS----------------------------------------------------------*/body{/*background:#b6b7bc;*/font-size:.80em;font-family:"HelveticaNeue","LucidaGrande","SegoeUI",Arial,Helvetica,Verdana,sans-serif;margin:0px;p
阅读全文
摘要：jquery中各个事件执行顺序如下：1.ajaxStart(全局事件)2.beforeSend(局部事件)3.ajaxSend(全局事件)4.success(局部事件)5.ajaxSuccess(全局事件)6.error(局部事件)7.ajaxError (全局事件)8.complete(局部事件)9.ajaxComplete(全局事件)10.ajaxStop(全局事件) 其中，全局事件可以在ajax相关方法外引用（比如，通过该方式将ajax执行各个阶段的信息显示在页面某个地方）。下例演示一次ajax请求过程中各个事件执行的顺序，以及全局ajax的使用方法<!DOCTYPEHTMLPUB
阅读全文
摘要：我们知道同步执行和异步执行的区别，为了更好的提高用户的体验，我们都会采用异步方式去处理一些问题，毕竟单线程的同步可能回造成卡死等现象，很不友好，所以可以使用ajax来完成用户的体验，现在我们就来说说如何使用jquery的ajax来实现无刷新的获取内容 我们只是单方面的获取内容，分页等就不考虑了，后期会讲到无刷新的分页 页面中我们放置一个Div容器用来存放返回的内容 <div id="comment"> <img src="images/Wait.gif" title="数据载入中..." /></div&
阅读全文
摘要：开发的过程中有时候我们需要把xml文件当做数据库使用，比如留言本，这个时候我们就要对xml进行操作，加载xml文件到页面中，下面就来说说如何通过jquery+ajax实现无刷新的加载xml文件 xml文件(mes.xml) View Code <?xmlversion="1.0"encoding="utf-8"?><Messages><people><ENName>lishuaibin</ENName><CNName>李帅斌</CNName><message>
阅读全文
摘要：作用jquery.validate是jquery旗下的一个验证框架，借助jquery的优势，我们可以迅速验证一些常见的输入,并且可以自己扩充自己的验证方法，并且对国际化也有很好的支持。使用前的布置说明：需要JQuery版本：1.2.6+步骤：要导入相应的jQuery.js与jquery.validate.js文件<script src="jquery.js" type="text/javascript"></script><script src="jquery.validate.js" type=&quo
阅读全文
摘要：类似js的onmouseover和onmouserout的功能，在jquery中可以使用honver实现，对比代码如下 onmouseover和onmouserout：$(".msgtabletr").mouseover(function(){$(this).addClass("tr_hover_col");}).mouseout(function(){$(this).removeClass("tr_hover_col");})hover：$(this).removeClass("tr_hover_col");//
阅读全文
摘要：今天总结一下js中几个对象的区别和用法：首先来说说 parent.window与top.window的用法"window.location.href"、"location.href"是本页面跳转"parent.location.href"是上一层页面跳转"top.location.href"是最外层的页面跳转举例说明：如果A,B,C,D都是jsp，D是C的iframe，C是B的iframe，B是A的iframe，如果D中js这样写"window.location.href"、"loca
阅读全文
摘要：Firebug是firefox下的一个插件,能够调试所有网站语言,如Html,Css等，但FireBug最吸引我的就是javascript调试功能，使用起来非常方便，而且在各种浏览器下都能使用（IE,Firefox,Opera, Safari）。除此之外，其他功能还很强大，比如html,css,dom的察看与调试，网站整体分析等等。总之就是一整套完整而强大的 WEB开发工具 下载：firebug 安装的时候直接把解压后的firebug-1.10.0a5.xpi文件拖到火狐浏览器里即可自动安装、 例子： 代码： View Code <headrunat="server"
阅读全文
摘要：在url传值中，有时候我们需要加很多参数，但是有的时候用url传递多个参数的时候&后面的参数被自动截取了，后面的参数显示不出来了，这不是我们所希望的 解决办法： 只需要将&换成它的asc值就可以了，即%26所以碰到类似符号被截取的情况，都可以采用这种办法处理了
阅读全文
摘要：我们可以使用javascript中的getAttribute和setAttribute来操作元素的"元素属性". 在jQuery中给你提供了attr()包装集函数, 能够同时操作包装集中所有元素的属性:名称说明举例attr( name )取得第一个匹配元素的属性值。通过这个方法可以方便地从第一个匹配元素中获取一个属性的值。如果元素没有相应属性，则返回 undefined 。返回文档中第一个图像的src属性值: $("img").attr("src");attr( properties )将一个“名/值”形式的对象设置为所有匹配元素的属
阅读全文
