这个够呛,我给你一个思路吧,页面是自上而下加载,你的特效必须保证在页面的最上方,当加载到最下变的时候(/body之后),结束特效。
成都创新互联公司是一家专业从事成都网站建设、网站建设的网络公司。作为专业网站设计公司,成都创新互联公司依托的技术实力、以及多年的网站运营经验,为您提供专业的成都网站建设、全网营销推广及网站设计开发服务!
页面加载等待特效,当数据加载完成效果消失的代码如下:
$.ajax({
url:"",
type:"post",
data:{"xx":"xx"},
beforeSend:function(){
//这里是开始执行方法,显示效果,效果自己写
},
complete:function(){
//方法执行完毕,效果自己可以关闭,或者隐藏效果
},
success:function(){
//数据加载成功
},
error:function(){
//数据加载失败
}
});
iframe的内容加载完成之后触发方法如加载特定代码:
判断iframe是否加载完毕:
//创建ifame对象
var iframe = document.createElement("iframe");
//设置ifame对象src属性
iframe.src = "xxx";
if (!/*@cc_on!@*/0) { //如果不是ie
iframe.onload = function(){ 加载
alert("Local iframe is now loaded.");
};
} else {
iframe.onreadystatechange = function(){
if (iframe.readyState == "complete"){ 完成状态判断
alert("Local iframe is now loaded.");
}
};
}
document.body.appendChild(iframe);
用以上方法判断后就可以执行相应的代码了
jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库( 或JavaScript框架)。jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互。 jQuery的模块可以分为:入口模块、底层支持模块和功能模块。其核心特性可以总结为:具有独特的链式语法和短小清晰的多功能接口;具有高效灵活的css选择器,并且可对CSS选择器进行扩展;拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器,如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等
jquery是等待页面加载完数据,以及页面部分元素;js是页面全部加载完成才执行初始化加载,具体示例祥看本文
jquery和js初始化加载页面的区别:
jquery:等待页面加载完数据,以及页面部分元素(不包括图片、视频),
js:是页面全部加载完成才执行初始化加载。
1、jQuery
页面加载初始化的方法有3种
,页面在加载的时候都会执行脚本,
第一种(比较常用):
代码如下:
$.function(){
alert("第一种方法");
});
第二种:
复制代码
代码如下:
$(document).ready(function(){
alert("第二种方法");
});
第三种:
代码如下:
jQuery(function($){
alert("第三种方法");
});
2、js初始化加载的方法
第一种:
代码如下:
window.onload=function(){
alert("初始化加载");
};
第二种:
(winOnload
此方法名自定义)
代码如下:
function
winOnload()
{
alert("初始化加载");
};
winOnload();
注意:
由于jquery使用$符号,和有些组件例如dwr就有冲突,为了解决这个问题,可以使用
代码如下:
var
ace=jQuery.noConflict();
$.ajax({
type: "POST",
url: "/index.php/ajsave/savebzj/user/loanv",
data: ajdata,
dataType:"json",
beforeSend:function(){//这里是等待效果
$(".ajld").show();
},
success: function(data){
}
});
很简单,就是假设你准备把内容加载到一个div id="ct"/div中那么一开始就在这个div中增加一个Gif图片类似动态旋转的条什么的,然后用$('#ct').load()方法对这个div进行加载数据,等内容读取到之后,内容的读取中图片会被新内容取代,就出现这个效果啦