十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
DOM 是载入到浏览器中的文档模型,以节点树的形式来表现文档,每个节点代表文档的构成部分
让客户满意是我们工作的目标,不断超越客户的期望值来自于我们对这个行业的热爱。我们立志把好的技术通过有效、简单的方式提供给客户,将通过不懈努力成为客户在信息化领域值得信任、有价值的长期合作伙伴,公司提供的服务项目有:域名与空间、虚拟主机、营销软件、网站建设、耀州网站维护、网站推广。
Document 接口表示任何在浏览器中载入的网页,并作为网页内容的入口,也就是DOM 树。DOM 树包含了像 body 、table 这样的元素,以及大量其他元素。它向网页文档本身提供了全局操作功能,能解决如何获取页面的 URL ,如何在文档中创建一个新的元素这样的问题。
这是Document的概念,依此判断,$(document).on()是在DOM载入后执行的
并非是页面加载完后才执行
这也是VUE、React等能够使用虚拟DOm来渲染客户端最后页面呈现的不同样式的原理之一;
数据加载完成执行:
$(window).load(function(){
//要执行的方法体
});
进入页就执行,不论等数据是否加载完成
$(document).ready(function(){
})
这个还可以简写成
$(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加载页面的方法,即:页面加载完成就执行,有如下几种:
1、jQuery的$(document).ready
$(document).ready(function(){
$("#a").click(function(){
//adding your code here
});
});
就仅仅只需要加载所有的DOM结构,在浏览器把所有的HTML放入DOM tree之前就执行js效果。包括在加载外部图片和资源之前。
2、ready事件的简写方法
$(function(){
$("#a").click(function(){
//adding your code here
});
});
此方法就仅仅只需要加载所有的DOM结构,在浏览器把所有的HTML放入DOM tree之前就执行js效果。包括在加载外部图片和资源之前,是ready的简写方式
3、window的onload事件
window.onload = function(){
$("#a").click(function(){
//adding your code here
});
}
这段代码会在整个页面的document全部加载完成以后执行。这种方式不仅要求页面的DOM tree全部加载完成,而且要求所有的外部图片和资源全部加载完成。如果外部资源,例如图片需要很长时间来加载,那么这个js效果就会让用户感觉失效了。
亲,js中的window.onload是等页面加载完所有的元素,包括图片等等资源要全部加载成功后才执行,而jq的是加载完dom元素就可以执行了,比如一个,js一定要加载好这张图片,里面的js代码才会执行,而jq可以只加载这个标签后里面的js代码就可以执行了(此时这张图片可能还没有下载好)
$(document).ready()方法和window.onload()方法有相似的功能,但是在执行时机方面是有区别的。Window.onload方法是在网页中所有的元素(包括元素的所有关联文件)完全加载到浏览器后才执行,即javascript此时才可以访问网页中的任何元素。而通过jQuery的$(document).ready()方法注册的事件处理程序,在DOM完全就绪时就可以被调用。此时,网页中的所有元素对jQuery而言都是可以访问的,但是,这并不意味着这些元素关联的文件都已经下载完毕。