优秀的编程知识分享平台

网站首页 > 技术文章 正文

js 小函数(js函数总结)

nanyue 2024-09-11 05:26:37 技术文章 5 ℃

* 本js文件某些函数需要引用jquery

* 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);

拜拜

Tags:

最近发表
标签列表