什么时候window.onload被解雇了 [英] when is window.onload fired
问题描述
关于window.onload事件何时被触发，我有点困惑。例如：我有一个页面，其中包含许多外部js文件，甚至是按需加载脚本（动态创建标记）。所有这些代码都在页面中（即，它不会在click或smth上被触发，它应该在加载时执行）。现在让我们说我在最后一个按需javascript中有window.onload = somefunction（）。是否有可能在实际加载所有脚本之前触发window.onload？
I'm a bit confused as to when the window.onload event is fired. For example: i have a page that has lots of external js files and even an on-demand loading of the script (dynamically creating a tag). All of this code is in the page (ie. it does not get fired on click or smth, it should execute while loading). Now let's say that i have window.onload = somefunction() in the last on-demand javascript. Is it possible that window.onload will fire before all the scripts actually get loaded?
推荐答案
窗口。 onload （又名 body.onload ）在主HTML，所有CSS，所有图像和所有其他资源都已加载和渲染后被触发。因此，如果您的图像停滞，可能需要一些时间。
window.onload (a.k.a body.onload) gets fired after the main HTML, all CSS, all images and all other resources have been loaded and rendered. So if your images stall, that can take some time.
如果您只需要HTML（DOM），则可以使用jQuery的 $（文档）.ready（） - 在解析HTML但在浏览器加载完所有外部资源之前它会触发（图像和样式表，它位于HTML中的脚本元素后面。）
If you just need the HTML (DOM), you can use jQuery's $(document).ready() - it will fire when the HTML has been parsed but before the browser has finished loading all external resources (images and style sheets that come after your script element in the HTML).
嵌入的脚本当浏览器解析每个页面的< / script> 时，页面会被执行。因此，要在任何其他脚本之前执行脚本，请在< head> < script> 标记c>。
Scripts embedded in the page get executed when the browser parses the </script> of each. So to execute a script before any other script, add a <script> tag in the header just after <head>.
这意味着您可以通过添加来模拟标记为 window.onload < script> < body> 的最后一个元素。
This means you can "emulate" window.onload by adding a <script> tag as the last element of the <body>.
这篇关于什么时候window.onload被解雇了的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
