页面完全加载后如何执行功能？

Question

页面完全加载后如何执行功能？我需要在页面完全加载时执行一些JavaScript代码。这包括像图像之类的东西。我知道你可以检查DOM是否准备就绪，但我不知道这是否与页面完全加载时相同。

Answer 1

通常您可以使用window.onload，但您可能会注意到window.onload使用后退/前进历史记录按钮时最近的浏览器不会触发。

有些人建议使用奇怪的扭曲来解决这个问题，但实际上如果你只是制作一个window.onunload处理程序（即使没有做任何事情），这种缓存行为将在所有浏览器中被禁用。该MDC文件这个“功能”相当不错，但由于某些原因仍有人使用setInterval和其他怪异的黑客。

某些版本的Opera有一个可以通过在页面中的某处添加以下内容来解决的错误：

<script>history.navigationMode = 'compatible';</script>

如果你只想尝试每个视图调用一次javascript函数（并不一定在DOM加载完成后），你可以这样做：

<img src="javascript:location.href='javascript:yourFunction();';">

例如，我使用此技巧将一个非常大的文件预加载到加载屏幕上的缓存中：

<img src="bigfile"onload="this.location.href='javascript:location.href=\'javascript:doredir();\';';doredir();">