窗口加载不起作用

window.onload not working

本文关键字:不起作用 加载 窗口      更新时间:2023-09-26

HTML:

<h1 id="id"></h1>
Hello!

.JS:

window.onload = function() {
    document.getElementById("id").innerHTML = "Hello world!";  
};

上面的代码旨在将ID为"id"的元素的内部HTML设置为"Hello world!但它不起作用。

小提琴。

为什么会这样?

因为您已经告诉 JSFiddle 在onload事件触发时分配onload事件处理程序。

由于事件不会再次触发,因此该函数永远不会运行。

更改"放置JS的位置"选项即可正常工作。

我想根据您的代码,内部html将被"Hello World"替换,其工作方式应如下所示..我想您的 jsfiddle 设置存在一些问题,例如在第二个下拉列表中选择"No wrap - in <head>"

window.onload = function() {
    document.getElementById("id").innerHTML = "Hello world!";  
};

演示 :- http://jsfiddle.net/Rqe6K/3/