如何在某物上放置 Javascript 事件？

Question

我有一个预先制定的布局，无法更改。但我必须将 onload() 事件添加到 。正如我所说，我不允许只添加 "onload = sdfsdf" 事件。那怎么办？

Answer 1

您可以制作一个脚本来附加事件（我想您的问题是您无法控制 html）：

<script>
document.body.onload = function(){};
</script>

Answer 2

使用 JQuery：

$(document).ready(function() {

});

http://docs.jquery.com/教程：介绍_%24%28document%29.ready%28%29

Answer 3

您可以使用以下方法通过 (java) 脚本在正文上注册事件：

document.body.= function(){ // 无论你的函数做什么 };

Answer 4

使用window.onload = function(){ ... }。这具有与 等效的结果。

Answer 5

将所有代码放在自动执行的函数中：

(function () {
    //your code here
})();

并将其放在正文的末尾。

Answer 6

如果你想自己做一切，而不需要 jQuery。 MDN addEventListener。

target.addEventListener(type, listener, useCapture<Optional>);

根据所需的效果，侦听器：

1. DOMContentLoaded - 加载 DOM
2. load - 加载页面上的所有资源 - 如果页面包含大图像，则很有用