javascript - 如何在加载 DOM 和 CSS 但不加载图像后触发 javascript?

标签 javascript onload

我需要在 DOM 和 CSS 加载后触发一些 JavaScript,但不是图像。我相信这是在 document.ready 之后但在 window.onload 之前。有人知道如何实现这一目标吗?

我正在考虑在 document.ready 之后通过迭代 document.styleSheets 来加载 CSS,但这感觉是个坏主意。

更新:这个不寻常的要求的原因是我需要预测将渲染的图像的大小,这是由css决定的。将 javascript 移至页面底部可以解决该问题,但我希望我的脚本在情况并非如此时也能正常工作。

最佳答案

您想要DOMContentLoaded事件,以及链接在所有样式表之后的外部脚本。

从链接页面:

if you have a <script> after a <link rel="stylesheet" ...>, the page will not finish parsing - and DOMContentLoaded will not fire - until the stylesheet is loaded.

关于javascript - 如何在加载 DOM 和 CSS 但不加载图像后触发 javascript?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23889743/

相关文章:

javascript - 做多个canvas元素

javascript - 冒泡可用于图像加载事件吗?

页面渲染后执行 Javascript IE6

页面加载后的 Javascript 运行函数

javascript - Body onLoad 点击刷新iframe

javascript - 第二个 onload 函数不起作用

javascript - Angular:用逗号格式化数字

javascript - 设置style.display=none后优雅的javascript重新调整

javascript - 有没有一种方法可以在不使用 ANTD 上的默认按钮的情况下关闭 Modal?

javascript - 在 Canvas 上为 Raphael Library 添加 HTML 控件