jquery的两种常用自动加载方法

一、jquery+JavaScript的三种常用自动加载方法：
1、
(function($){




})(jQuery);


2、
$(function(){


});

3、 window.οnlοad=function(){ 

}

加载的先后顺序：
第一步：代码块1加载。（是在css(html)信息加载完毕前运行。）
第二步：代码块2加载。（是在css(html)信息加载完毕后运行，实际开发中试用与动态加载图片效果下使用）
第三步：代码块3加载。（在时间上是比代码块2还要延迟加载。实际开发中，适用于根据屏幕分辨率动态设置某个div的高度（以某个标准固定的div高度为标准））





二、js获取地址栏中的参数的方法：
$(
$.getUrlParam = function(name)
{
var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
var r = window.location.search.substr(1).match(reg);
if (r!=null) return unescape(r[2]); return null;
};
wid=$.getUrlParam('id');//地址栏中的键为id的值。


});



三、实例：


var html2="";
(function($){
$.getUrlParam = function(name)
{
var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
var r = window.location.search.substr(1).match(reg);
if (r!=null) return unescape(r[2]); return null;
};
key=$.getUrlParam('neirong');
//设置全局搜索
var search=$.getUrlParam('search');
if(search!=null){
$("#s").val(decodeURI(decodeURI(search)));//设置要搜索的内容
}
// var key2=$.getUrlParam('neirong');
//设置默认复选框勾选
var arr = key.split("-");
for(var str in arr){
var arr2 = arr[str].split(":");
//判断级别
if(arr2[0]=="dengji"){
var arr3 = arr2[1].split(",");
for(var str2 in arr3){
if(arr3[str2]=='EX'){$("#bingweiJB1").attr("checked","true");}if(arr3[str2]=='EW'){$("#bingweiJB2").attr("checked","true");}if(arr3[str2]=='RE'){$("#bingweiJB3").attr("checked","true");}if(arr3[str2]=='CR'){$("#bingweiJB4").attr("checked","true");}
if(arr3[str2]=='EN'){$("#bingweiJB5").attr("checked","true");}if(arr3[str2]=='VU'){$("#bingweiJB6").attr("checked","true");}if(arr3[str2]=='NT'){$("#bingweiJB7").attr("checked","true");}if(arr3[str2]=='LC'){$("#bingweiJB8").attr("checked","true");}
if(arr3[str2]=='DD'){$("#bingweiJB9").attr("checked","true");}
}
}
//判断类别
if(arr2[0]=="plantoranimal"){

if(arr2[1]==1){$("#niminggo1").attr("checked","true");$("#niminggo2").attr("checked","");}
if(arr2[1]==2){$("#niminggo1").attr("checked","");$("#niminggo2").attr("checked","true");}
}
}
//专门获取通知类型的物种图片信息
wid=$.getUrlParam('id');
wlx=$.getUrlParam('wzlx');
var html2="";
$.ajax({
  async: false,
url:'searchSpeciesPic.do',
type:'post',
dataType:'json',
data: {"wid":wid},//物种ID
error:function(){
alert('Error loading');
},
success:function(data){
var flag=data.totalCount;
var num=0;
html2+='<ul >';
$.each(data,function(i,item){
$.each(item,function(index,value){
//top picture   
if(num==0){
var html='<a href="javascript:void(0)"  οnclick=javascript:openpic("'+value.picurl+value.picname+'","'+(value.comefrom==""?"未知..":value.comefrom)+'") rel="prettyPhoto[gallery1]">'+
    '<img src="'+value.picurl+value.picname+'" alt="" width="230" height="200" border="0" />'+
    '</a>';
num++;
}
//list picture
html2+=' <li>'+
' <a  href="javascript:void(0)"  οnclick=javascript:openpic("'+value.picurl+value.picname+'","'+(value.comefrom==""?"未知..":value.comefrom)+'") >'+// rel="prettyPhoto[gallery1]"
' <img src="'+value.picurl+value.picname+'" alt="" width="140" height="100" border="0" />'+
' </a>'+
' </li>';
if(value.picname=="zwpic.png"||flag=="1"){
//设置物种列表中的所有图片，如果存在就显示，不存在直接默认隐藏
$("#contentpic").css("display","none"); 
}
$("#content_pic_id1").html(html);
});
});
html2+=' </ul>';
}
  });
$('#inputpic').html(html2);
})(jQuery);