我刚刚意识到,我缺乏在将页面加载到浏览器中时究竟发生了什么的基本知识.
假设我有这样的结构:
<head>
<script src="jquery.js" type="text/javascript"></script>
<script src="first.js" type="text/javascript"></script>
</head>
<body>
...
<script type="text/javascript" id="middle">
// some more JS here...
</script>
...
<script src="last.js" type="text/javascript"></script>
</body>
以下是我的问题:
发生了什么事情？首先是DOM然后执行JS,反之亦然,还是同步(或者一旦JS文件完成下载,不考虑DOM)？我知道脚本按顺序加载.
哪里$(document).ready()适合？在Firebug的Net选项卡中,我看到了DOMContentLoaded事件和load事件.被$(document).ready()触发时,DOMContentLoaded事件触发？找不到任何具体信息(每个人只提到"加载DOM时").
"当DOM加载时"究竟是什么意思？所有HTML/JS都已被浏览器下载和解析？或者只是HTML？
以下方案是否可能:有一个$(document).ready()调用代码last.js,但在last.js加载之前运行？它最有可能在哪里(first.js在内联代码块中)？我该如何防止这种情况？
我想要了解什么时候发生什么以及取决于什么(如果有的话)的大局.
我很好奇在使用jQuery和jQuery Mobile时首先触发了哪个事件.
奇怪的是,第一个控制台输出我得到的是pagebeforecreate那么document ready然后onload.
我想知道是否有任何其他事件在这些之前被解雇.
$('html').bind('pagebeforecreate',function(event) {
console.log("pagebeforecreate");
});
$(document).ready(function() {
console.log("document ready");
});
window.onload = function(){
console.log("onload");
};
我试图找到关于页面的排序和事件的一些好信息...基础知识.(订购什么加载和什么时候...... DOM,javascript,无论你编写什么语言)
有谁知道我可以看一个很好的参考？我没有找到任何好的文章,除了ASP.NET,但我不是那样具体.我想查看网页整体中DOM的加载方式与JavaScript的顺序等.
我想在ASP.NET方面,我想知道从代码隐藏渲染JS时如何与DOM的页面加载顺序混合.