十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
jquery加载页面的方法(页面加载完成就执行),看下windows.onload$(document).ready之间的区别。
成都创新互联专业为企业提供吉木乃网站建设、吉木乃做网站、吉木乃网站设计、吉木乃网站制作等企业网站建设、网页设计与制作、吉木乃企业网站模板建站服务,十多年吉木乃做网站经验,不只是建网站,更提供有价值的思路和整体网络服务。
1、$(function(){
$("#a").click(function(){
//adding your code here
});
});
2、$(document).ready(function(){
$("#a").click(function(){
//adding your code here
});
});
3、window.onload = function(){
$("#a").click(function(){
//adding your code here
});
}
html代码为input
type="button" id="a"点击/input,且页面需要引用jquery的js文件
一般的加载页面时调用js方法如下:
window.onload = function() {
$("table
tr:nth-child(even)").addClass("even"); //这个是jquery代码
};
这段代码会在整个页面的document全部加载完成以后执行。不幸的这种方式不仅要求页面的DOM
tree全部加载完成,而且要求所有的外部图片和资源全部加载完成。更不幸的是,如果外部资源,例如图片需要很长时间来加载,那么这个js效果就会让用户感觉失效了。
但是用jquery的方法:
$(document).ready(function() {
//
任何需要执行的js特效
$("table tr:nth-child(even)").addClass("even");
});
就仅仅只需要加载所有的DOM结构,在浏览器把所有的HTML放入DOM tree之前就执行js效果。包括在加载外部图片和资源之前。
还有一种简写的方式:
$(function() {
// 任何需要执行的js特效
$("table
tr:nth-child(even)").addClass("even");
});
二楼的方法不是常规的解决办法,个人感觉不是很好(不过他实现的加载进度是真实的,他的进度条是可以反映当前未加载页面的剩余内容的---其实这种方法也挺好....不过一般情况下没什么必要吧,如果要做成这样的,用flex更好)。
一楼的方法不是正确的。如果简单地放一个loading图片在页面上的话,会有两种情况:一、有可能实现加载的效果 。 二、在整个页面其它元素加载了大部分或全部后,这张图片才加载进来,那就实现不了加载的效果了。
常规的解决办法还是用ajax比较好。大概是这样的。
需要两个页面。1.一个是实际页面本身 2.另一个是一个空白页面放一张loading图片
先请求第2个页面,在这个页面中放一段ajax请求第1个页面,在success函数里将页面内容输出,并将loading图片隐藏掉。
代码是这样的:
loading page:
body
img id='loadingImg' src='loading.gif' /
body
script
$.ajax({
type: 'GET',
url: 实际页面路径,
data: {},
success: function(){
$('body').append(data);
$('#loadingImg').hide();//或直接remove()
},
dataType: 'html'
});
/script
==========================================================
呵呵,一个加载的问题要考虑搜索的话原来就这么麻烦了。 div id="forspider".....给搜索蜘蛛看的纯HTML..../div这里面的内容是整个实际页面的HTML吗?是的话,那这个loading页面本身加载就很笨重了,还不如直接跳到真实页面呢。 哎,可惜我不太懂搜索,悲剧。请指教----为什么要用绝对定位覆盖的方法来隐藏。直接把这一层display:none的话蜘蛛也会看不到吗?
以上回答你满意么?
常规的解决办法还是用ajax比较好。大概是这样的。
需要两个页面。
1.一个是实际页面本身
2.另一个是一个空白页面放一张loading图片
先请求第2个页面,在这个页面中放一段ajax请求第1个页面,在success函数里将页面内容输出,并将loading图片隐藏掉。
代码是这样的:loading page:body img id='loadingImg' src='loading.gif' /bodyscript $.ajax({ type: 'GET', url: 实际页面路径, data: {} success: function() $('body').append(data) $('#loadingImg').hide();//或直接remove() }, dataType: 'html' });/script
电脑黑屏解决方法:
1、检查显示器与电脑的连接线是否安装紧密;
2、取下电脑内存条,用橡皮擦拭金手指后放回(接触不良会造成电脑开机黑屏);
3、更换内存、显卡、显示器、连接线诊断故障所在。
4、系统文件损坏,重装系统。
这是一种解决方法~
1、制作启动盘。(W7系统4G U盘,XP系统2G U盘)下载大番薯u盘启动制作工具,安装软件,启动,按提示制作好启动盘
2、下载一个你要安装的系统,压缩型系统文件解压(ISO型系统文件直接转到U盘)到你制作好的U盘,启动盘就做好了
3、用U盘安装系统。插入U盘开机,按DEL或其它键进入BIOS,设置从USB启动-F10-Y-回车。按提示安装系统
4、安装完成后,拔出U盘,电脑自动重启,点击:从本地硬盘启动电脑,继续安装
5、安装完成后,重启。开机-进入BIOS-设置电脑从硬盘启动-F10-Y-回车。