日常js函数积累
2016-03-27 11:38
489 查看
/* * 本js文件某些函数需要引用jquery * created by gjq * */ /** * Created by gjq on 2015/8/13. * turn to json * 引入该文件可把发送数据转换为json * 附用法: * $('#fm').serializeJson()就是把id为fm的form表单序列化为json格式 * $('#fm').serialize()直接用此也可以(序列化函数) */ (function($){ $.fn.serializeJson=function(){ var serializeObj={}; var array=this.serializeArray(); var str=this.serialize(); $(array).each(function(){ if(serializeObj[this.name]){ if($.isArray(serializeObj[this.name])){ serializeObj[this.name].push(this.value); }else{ serializeObj[this.name]=[serializeObj[this.name],this.value]; } }else{ serializeObj[this.name]=this.value; } }); return serializeObj; }; })(jQuery); /** * Created by gjq on 2015/8/11. * 获取伴随url传过来的参数 */ var url = window.location; function getUrlParam(url,name){ var pattern = new RegExp("[?&]" + name +"\=([^&]+)","g"); var matcher = pattern.exec(url); var items = null; if(matcher != null){ try{ items = decodeURIComponent(decodeURIComponent(matcher[1])); }catch(e){ try{ items = decodeURIComponent(matcher[1]); }catch(e){ items = matcher[1]; } } } return items; } /* * 给html传入获取的获取到的值 * * */ $.ajax({ url: "ConferenceAction!showConDetail", type: "post", data: {id: $conference_id}, success: function (data) { var obj = jQuery.parseJSON(data); $("#title").text(obj.title); $("#img").attr("src",obj.img);/*指定参数内容*/ }, error: function () { alert("系统异常!"); } }); /** * Created by gjq on 3/18 0018. * 根据屏幕大小隐藏html内容, * 以及设定某个div的宽度和高度 */ /*不需要jquery支持*/ function zishiying() { var w = screen.width;//宽度 var h = screen.height;//高度 if (w <= 1000) { document.getElementById("home-top").style.display = "none"; document.getElementById("info-top").style.height=h*0.55+"px"; document.getElementById("info-bottom").style.width=w*0.45+"px"; } } /*需要jquery支持*/ if($oneC){ //登陆成功后直接显示 $("#form1").show(); //longInSuccess(); }else{ //未登录 $("#form1").hide(); //getOpenIDBycode($code); } /* * 页面上输入框不可为空 * */ var a =document.getElementById("onecardNoId").value; var b =document.getElementById("passwordId").value; if (a&&b!==""){ function some(){ alert(11111); }; }else{ alert("必填项,请输入!!!"); //return false; } /* * ajax需要jquery支持 * */ $.ajax({ async:false, url: 'www.baidu.com', type: "get", dataType: 'json', data: {code:$code}, timeout: 5000, success: function (json) { var json=$.parseJSON(json.data); if(json.openid){ getCusByOpenId(json.openid); }else{ //alert($code); alert("未获取到openid"); } }, error: function(xhr){ //jsonp 方式此方法不被触发.原因可能是dataType如果指定为jsonp的话,就已经不是ajax事件了 //请求出错处理 alert("请求出错(请检查相关度网络状况.)"); } }) /** * Created by gjq on 3/27 0027. * 每5秒只能点击一次 * input建立一个属性储存上次点击的时间 * 计算两次点击的时间差来确定是否为频繁点击 * 需要jquery支持 * */ $(document).ready(function(){ $("#btn1").click(function(){ var nowTime = new Date().getTime(); var clickTime = $(this).attr("ctime"); if(clickTime !=undefined && (nowTime - clickTime < 5000)){ alert("操作过于频繁,稍后再试!"); return false; }else{ $("#btn1").attr("ctime",nowTime) alert("执行点击函数"); } }); })<pre name="code" class="javascript">/** * Created by gjq on 4/11 0011. * 需在 body 等标签中声明 onkeydown="keydown()" * 还需知道按键的值 */ function keydown(){ if (event.keyCode==13) //回车键的键值为13 { //需执行的操作 } else{ return false; } } <pre>/*canvas加水印*/ function shuiyin(canvasid,imgurl,addtext){ var img = new Image ; img.src = imgurl; img.onload = function(){ var canvas = document.getElementById(canvasid); var ctx = canvas.getContext("2d"); ctx.drawImage(img,0,0); ctx.font = "14px 微软雅黑"; ctx.fillStyle = "rgba(252,255,255,0.8)"; /*document.getElementById("btn").onclick = function(){*/ ctx.fillText(addtext,10,20); /* document.getElementById("text").value = ""; }*/ } } shuiyin("my","canvas.jpg","实验")
/*jquery删除数组中的某个元素*/
function jqremove(arrPerson,objPropery,objValue){
//先遍历数组找到含有其中某个元素的元素然后删除返回处理后的结果 return $.grep(arrPerson,function(cur,i){ return cur[objPropery] != objValue;//返回其中不含查找值得数组 }); /*查找到含有某些改元素的元素然后删除*/ var fruits = ["Banana", "Orange", "Apple", "Mango"]; fruits.splice("Ban",1);
相关文章推荐
- JavaScript 闭包
- ExtJs学习基础知识
- JSP编译成Servlet(五)JDT Compiler编译器
- JSP编译成Servlet(五)JDT Compiler编译器
- js中的null和undefined
- JavaScript 惰性载入函数
- JavaScript中this详解
- JavaScript异步编程
- ExtJs之Ext.ElementLoader.load
- JavaScript闭包
- 面向对象在javascript中的实践之大杂烩
- JavaScript之基础-7 JavaScript 循环结构 (while、do-while、for及循环中的continue、break)
- 详解javascript跨浏览器事件处理程序
- BZOJ 1823 JSOI 2010 满汉全席 2-SAT
- js事件处理程序跨浏览器解决方案
- JavaScript - 返回头部
- JS快速获取图片宽高的方法
- BZOJ_P1452 [JSOI2009]Count(二维树状数组)
- 基于javascript实现九九乘法表
- 由SOAP说开去 - - 谈谈WebServices、RMI、RPC、SOA、REST、XML、JSON