JavaScript
潘敬
这个作者很懒,什么都没留下…
展开
-
jQuery拖动div,移动div,弹出层
代码演示: http://www.imqing.com/demo/movediv.html大概原理: 使div的position为绝对定位absolute,然后控制其top与left值,需要监听鼠标事件,主要用到mousedown, mousemove, mouseup。 在mousedown后,记录mousedown时鼠标与需要移动的div转载 2014-04-08 09:31:34 · 1383 阅读 · 0 评论 -
Jquery 参数自动拼接
function getParams(elem){ var params={}; $(elem).find("*").each(function(){ if($(this).attr("name")){ var key=$(this).attr("name"); var value=""; if($(this).val()){ value=$(thi原创 2013-12-06 10:04:11 · 2968 阅读 · 0 评论 -
js版五子棋,css3+js
效果图:没有用到任何的图片,全部是js+css做的。只是实现了界面,功能暂时没有实现。js:var config={ row:16, //行 rank:16, //列 white:112, //白色 black:113, //黑色 overtime:1000*60,//超时时间 gameState:0, //0未开始,1.进行中,2暂停中 margin:5,原创 2013-12-11 11:16:15 · 1324 阅读 · 0 评论 -
推荐一款功能强大的js 在线编辑器
http://jszi.cn/public/oherub/11/edit原创 2013-09-05 15:06:46 · 1272 阅读 · 0 评论 -
JavaScript移除数组元素
//数组移除长度方法var array=[];array[0]="张三";array[1]="李四";array[2]="王五";array[3]="赵六";array[4]="百度";function remove(array,index){ if(index<=(array.length-1)){ for(var i=index;i<array.length;i原创 2013-09-05 13:50:29 · 1243 阅读 · 0 评论 -
jQuery EasyUI 数字框(NumberBox)用法
这里的options是选项,可以参考下表: 选项名类型描述默认值min数字文本框中可允许的最小值nullmax数字文本框中可允许的最大值nullprecision数字最高可精确到小数点后几位0 例如:金额输入框 最大值为“99999.99” 精确到两位小数。原创 2013-08-31 15:51:38 · 3684 阅读 · 0 评论 -
js 删除数组几种方法
var arr=['a','b','c']; 若要删除其中的'b',有两种方法: 1.delete方法:delete arr[1] 这种方式数组长度不变,此时arr[1]变为undefined了,但是也有好处原来数组的索引也保持不变,此时要遍历数组元素可以才用 for(index in arr){ document.write('arr['+inde原创 2013-08-31 13:43:40 · 1556 阅读 · 0 评论 -
js 模仿Java Map类
var Map=function(){ var datas=new Array(); //添加元素 this.put=function(key,value){ var obj=this.get(key); if(obj!=null){ obj.value=value; }else{ datas.push({key:原创 2013-09-06 14:12:32 · 1374 阅读 · 0 评论 -
js 动态取json对象的属性
已知一个json对象是这样的格式:var json={ r1:'123', r2:'123', r3:'123', r4:'123', r5:'123', r6:'123', r7:'123', r8:'123'}现在要分别取出每一个属性的值,取值的时候,可以把json理解为数组或者二维数组,for(var i=1;i<=8;i++){ var va原创 2013-08-27 14:14:43 · 4058 阅读 · 1 评论 -
easyui datagrid api
数据表格继承$.fn.panel.defaults,使用$.fn.datagrid.defaults重载默认值。依赖关系控制面板缩放链接按钮分页使用方法table id="tt">table> $('#tt').datagrid({ url:'datagrid_data.json', columns:[[ {f转载 2013-08-23 14:57:49 · 1796 阅读 · 0 评论 -
js禁用回退键[backspace键]浏览历史跳转的解决办法
window.onload=function(){ ****************************/ document.getElementsByTagName("body")[0].onkeydown =function(){ //获取事件对象 var ele转载 2013-12-14 16:20:14 · 2089 阅读 · 0 评论 -
修改easyui combobox源码,实现模糊搜索
easyui combobox搜索功能太差劲了,接下来动手改进一下:/** * 数据过滤(本地)或者请求(远程) * parmas[target] 承载combobox的DOM * parmas[q] 用户输入的文本 */ function doQuery(target, q) { var opts = $原创 2013-12-14 15:08:00 · 3025 阅读 · 1 评论 -
JS获取浏览器可视区域的尺寸
所谓可视区域是指能看得见的区域,即在浏览器中能看到页面的区域(高度与宽度)。刚刚使用 document.body.clientHeight 来获取可视区域的高度得到的却是整个文档的高度,然后在cnblogs.com的一篇文章中获知需要通过 document.documentElement.clientHeight 才能获取到浏览器的可视区域的高度,顺便将该文章摘下来,如下:在没有声明DOC转载 2014-03-26 09:01:48 · 908 阅读 · 0 评论 -
Jquery开发datagird表格插件
半成品源代码:(基本的都可以用,事件响应没有做,因为我没有啥需要,所以就没有写)(function($) { $.fn.datagrid = function(param) { var table = new Table(param, $(this)); table.init(); return table; }})(jQuery);/*var field={原创 2014-04-03 09:16:23 · 1261 阅读 · 1 评论 -
iframe刷新
iframe.window.location.reload();原创 2014-03-31 14:08:37 · 940 阅读 · 0 评论 -
解决umeditor上传图片失败
浏览器:火狐服务器已经保存了文件,反馈给客户端的时候,却一直提示失败。这是umeditor的一个BUG上传文件用iframe来模拟ajax上传,但是返回的内容获取到了,有标记在image.js中,umeditor是这样解析JSON的(186行): uploadComplete: function(r){ var me = this;原创 2014-03-28 12:54:03 · 7212 阅读 · 10 评论 -
地区三级联动最新版,数据最全
地区数据总共:4094条,全国都全源码下载地址:http://pan.baidu.com/s/1hq5fNTy界面截图:常用的方法都提供了,大家可根据需要去适当的修改源码,源码没有加密和压缩。源码中有example,采用的是Jquery来作为对象选择器。用的时候都是需要new对象,没有扩展Jquery有个属性:basePath 可以不写,写了的话就会自动在这个路原创 2014-02-10 10:58:58 · 3925 阅读 · 2 评论 -
JS禁用浏览器的退格键
function forbidBackSpace(e) { var ev = e || window.event; //获取event对象 var obj = ev.target || ev.srcElement; //获取事件源 var t = obj.type || obj.getAttribute('type'); //获取事件源类型转载 2014-01-13 14:39:07 · 1133 阅读 · 0 评论 -
超实用的JavaScript技巧及最佳实践
很多开发者都觉得里面所提到的技巧非常实用,基于此,我们再向大家推荐超实用的JavaScript技巧及最佳实践(下),希望对大家有所帮助。文中所提供的代码片段都已经过最新版的Chrome 30测试,该浏览器使用V8 JavaScript引擎(V8 3.20.17.15)。1.使用逻辑符号&&或者||进行条件判断[js] view plaincopy转载 2014-01-07 11:06:04 · 873 阅读 · 0 评论 -
js 阻止子元素响应父元素的onmouseout事件
$(".target-menu").mouseout(function(e){ evt = window.event || e; var obj = evt.toElement || evt.relatedTarget; var pa = this; if(pa.contains(obj)) return false; $(this).原创 2013-12-23 13:21:06 · 2464 阅读 · 0 评论 -
WEB最好用的打印控件lodop(没有之一)
相比其他的,这个lodop相对来说是比较好用的,但是唯一不足就是是收费的,还好费用是大众价格,都可以接受。功能还是比较强大的,接口多,可高度自定义。官方提供了一个js,用于获取lodop object对象:改过之后的精简版:function getLodop(oOBJECT, oEMBED) { try { var isIE = (navigator.userAgent.原创 2013-12-20 10:27:17 · 7979 阅读 · 1 评论 -
IE 事件两次响应
var throldHold = 20; //两次scroll事件触发之间最小的事件间隔window.onscroll = function(){ if(arguments.callee.timer) clearTimeout(arguments.callee.timer); arguments.callee.timer = setTimeout(function(){转载 2013-08-09 18:16:24 · 1133 阅读 · 0 评论 -
easyui commbox 默认选择第一项
onLoadSuccess: function () { var data = $('#type').combobox('getData'); if (data.length > 0) { $('#type').combobox('select', data[0].id); } }原创 2013-08-21 16:05:45 · 1859 阅读 · 0 评论 -
利用js 实现面页的国际化
下载地址:http://pan.baidu.com/share/link?shareid=1322652831&uk=470382596测试的时候,我准备了五种语言:英语、韩语、汉语、小日本语、孟加拉语汉语:英语:韩语:孟加拉语:小日本的语言就不贴出来了!原创 2013-08-04 16:42:56 · 1147 阅读 · 1 评论 -
7句js代码实现网页 折叠菜单
最近经常用到javascript,做了很多网页效果,其中有个折叠菜单。网上的代码 一大堆,麻烦,而且看不懂,我就搞不懂了,写那么多代码干嘛~~~~ 所以自己写了个。主要用到了 jquery和ul和li定义菜单的格式是这样的: 我的信息 个人资料 收货地址原创 2013-05-08 22:13:24 · 12790 阅读 · 5 评论 -
javascript 不用一句if语句 对表单进行验证
其实是有用到,只不过是简写了!代码:function check(){ //用户名 var nickname=$("#nickname"); var nickname_error=$("#nickname_error"); //地址错误 var address_error=$("#address_error"); //详细地址 var detail=$("#d原创 2013-05-09 09:42:42 · 1422 阅读 · 0 评论 -
js 利用谷歌翻译实现国际化
function googleTranslateElementInit() { new google.translate.TranslateElement({ pageLanguage : 'en', autoDisplay : false, gaTrack : true, layout : google.translate.TranslateElement.转载 2013-05-07 09:49:55 · 4490 阅读 · 3 评论 -
jquery 高效反选
// 反选 $("#reverse-select").click(function() { $('.table tr').each(function() { var input = $(this).find('input'); var statu=input.prop("checked")==true?false:true; input.prop("checked",sta原创 2013-05-05 01:51:15 · 1318 阅读 · 0 评论 -
javascript 读取json对象
数据:var info={ "首页":"123", "分类管理":"123", "用户管理":"123"};//遍历for(var item in info){alert("name:"+item+" - value:"+info[item]);}//直接指定对象info.首页info.分类管理.原创 2013-05-02 10:14:39 · 1024 阅读 · 0 评论 -
javascript+jquery+jqueryUI 模仿window窗体
/** * @author Pan * @param #选取id * @param .选取class 返回array * @param 不加标识默认返回class第一个 */function $$(name){ if (name.indexOf('#') == 0) { var str = name.replace('#', ''); retu原创 2013-04-29 04:19:27 · 1776 阅读 · 0 评论 -
panregion.js 省市区多级联动
panregion.js 省市区多级联动javascript插件 http://www.baletu.com/open/原创 2013-04-26 21:19:32 · 1768 阅读 · 0 评论 -
javascript实现全国省市区县多级联动 2013最新最全数据
demo和下载地址:http://www.baletu.com/open/自己写的,命名为panregion.jsPan Regionpanregion.js 是一款基于javascript实现的中国省市区上级联动效果。本插件是永久开源免费的。内置3000多条全国最新的数据,是目前网络上数据最完整的一个小插件,数据摘取自2013年。体积只有175kb.省市区原创 2013-04-26 21:01:13 · 3483 阅读 · 1 评论 -
Javascript 鼠标移动上去 滑块跟随效果
先来一张截图。鼠标移动到对应的分类,下面的红色小三角形就会自动跟随,缓慢的跟随。不管有多少个都可以。javascript code:function changeCoord(id, left) { $$(id).style.left = left;}function $$(id) { return document.getElementById(id);}f原创 2013-04-26 11:17:16 · 2522 阅读 · 0 评论 -
JS 数据类型转换
JS 数据类型转换 方法主要有三种转换函数、强制类型转换、利用js变量弱类型转换。1. 转换函数:js提供了parseInt()和parseFloat()两个转换函数。前者把值转换成整数,后者把值转换成浮点数。只有对String类型调用这些方法,这两个函数才能正确运行;对其他类型返回的都是NaN(Not a Number)。在判断字符串是否是数字值前,parseInt()和pars转载 2013-05-10 14:44:44 · 768 阅读 · 0 评论 -
js window 常用
Window对象是DOM对象模型的最顶层对象,代表了浏览器中用于显示文档内容的窗口,通过该对象可以访问DOM对象模型中的所有对象。Window对象和Javascript的内置对象一样,使用的时候无需手动创建,只要在HTML文档或者Web文档中使用了标签或者标签,系统就会自动创建一个Window对象。16.1 Window对象的方法16.1.1 alert方法:弹出一个警告对话框原创 2013-05-31 11:00:27 · 1269 阅读 · 0 评论 -
jquery cookie的用法
jQuery cookie是个很好的cookie插件,大概的使用方法如下example $.cookie(’name’, ‘value’);设置cookie的值,把name变量的值设为valueexample $.cookie(’name’, ‘value’, {expires: 7, path: ‘/’, domain: ‘jquery.com’, secure: true});转载 2013-07-22 08:57:42 · 867 阅读 · 0 评论 -
js 给div 添加选区,类似windows桌面选区一样,兼容ie6、7、8、9、10、Firefox、Google、所有浏览器
先来一张效果图:兼容:IE6 反应有点迟钝,效果没有火狐好。主要的效果就是,模仿windows桌面的那个选区。可以用选框选区图标。由于js代码太多,只贴一段核心的代码。js核心代码://选区function select(){ //为工作区创建一个选区 var _down=false; var pos={x:0,y:0}; var move原创 2013-06-16 13:39:52 · 2291 阅读 · 0 评论 -
ie6下不支持position:fixed的解决办法
* html .fixed-top{position:absolute;bottom:auto;top:expression(eval(document.documentElement.scrollTop));}转载 2013-06-15 16:39:38 · 1044 阅读 · 0 评论 -
js 模仿windows 桌面图标排列算法
注:需要引入Jquery如果需要全部功能,请引入jquery-ui和jquery-ui.css截图:js代码:$(function() { //菜单列表 var menu_list=$(".menu-list"); //工作区 var working=$(".working"); working.click(function() { menu_li原创 2013-06-15 08:21:44 · 3257 阅读 · 0 评论 -
js 常用获取坐标的方法
网页可见区域宽:document.body.clientWidth网页可见区域高:document.body.clientHeight网页可见区域宽:document.body.offsetWidth (包括边线的宽)网页可见区域高:document.body.offsetHeight (包括边线的宽)网页正文全文宽:document.body.scrollWidth网页正文全文高:do转载 2013-06-15 16:41:45 · 2685 阅读 · 0 评论