Jquery预加载的几种方式

Jquery加载的几种方式

//①页面加载完之前执行,与嵌入的js加载方式一样

(function ($) {

    alert('start');

})(jQuery);

//②页面加载后执行

$(document).ready(function(){

    alert('jquery ready');

});

//③页面加载后执行

$(function(){

    alert('jquery onload');

});

//④页面加载后执行

jQuery(function($) {

  alert('jQuery ready ');

});

参考代码：

<SCRIPT type="text/javascript">
var tabOnSelect = function(title) {
//根据标题获取tab对象
var currTab = $('#tabs').tabs('getTab', title);
var iframe = $(currTab.panel('options').content);//获取标签的内容

var src = iframe.attr('src');//获取iframe的src
//当重新选中tab时将ifram的内容重新加载一遍，目的是获取当前页面的最新内容
if (src)
$('#tabs').tabs('update', {
tab : currTab,
options : {
content : createFrame(src)//ifram内容
}
});

};

var _menus;
$(function() {//预加载方法
//通过ajax请求菜单
$.ajax({
url : '${baseurl}menu.json',
type : 'POST',
dataType : 'json',
success : function(data) {
_menus = data;
initMenu(_menus);//解析json数据，将菜单生成
},
error : function(msg) {
alert('菜单加载异常!');
}
});

//tabClose();
//tabCloseEven();
//加载欢迎页面
$('#tabs').tabs('add', {
title : '欢迎使用',
content : createFrame('${baseurl}welcome.action')
}).tabs({
//当重新选中tab时将ifram的内容重新加载一遍
onSelect : tabOnSelect
});

//修改密码
$('#modifypwd').click(menuclick);

});

//退出系统方法
function logout() {
_confirm('您确定要退出本系统吗?',null,
function(){
location.href = '${baseurl}logout.action';
}
)
}

//帮助
function showhelp(){
window.open('${baseurl}help/help.html','帮助文档');
}

</SCRIPT>