onload() 函数拒绝运行？

Question

您好，很抱歉用这么简单的问题打扰您，但是这段代码，我确实找不到任何问题，但没有任何警报触发，所以我知道 init 甚至没有被传递给 窗口.onload。这是代码：

window.onload()=init;
alert("The file has been linked to.");
function init(){
    alert("Init has been loaded");
var button = document.getElementById("myButton");
    button.onclick = handleButtonClick; 
 }

function handleButtonClick()
{
    alert("button has been clicked");
    var target = document.getElementById("target");
    var image = document.createElement("<img />");
    image.innerHTML = "<img src=../Images/banner_test.jpg alt=Banner height=42          width=42 />" ;
target.appendChild(image);
 }

JS 位于我链接到的外部 js 文件中：

<script type="text/javascript" src="../JS/Experiment.js" > </script>

我是否拼写错误或忘记了参数，因为正如我所说，没有一个警报会激活，谈论创建新的 并添加它。

HTML 不是问题我尝试过使用内联

Answer 1

window.onload 不是方法，请删除括号 ()

Answer 2

window.onload 不是一个函数，因此第一行将阻止其余部分运行：

window.onload()=init

应该

window.onload=init;
alert("The file has been linked to.");
function init(){
    alert("Init has been loaded");
var button = document.getElementById("myButton");
    button.onclick = handleButtonClick; 
 }

function handleButtonClick()
{
    alert("button has been clicked");
    var target = document.getElementById("target");
    var image = document.createElement("<img />");
    image.innerHTML = "<img src=../Images/banner_test.jpg alt=Banner height=42          width=42 />" ;
target.appendChild(image);
 }

注意的是，init 函数也仅可用，因为 JavaScript 将非“var”函数提升到范围的顶部，因此当您指向这样的函数时请注意这一点。

Answer 3

正如其他人所说，必须删除括号。不过，在您的代码正常运行之前，您必须修复更多代码。

1. document.createElement 接受一个纯字符串作为参数，该参数将是标签名称。您当前的代码将在此时引发错误。
2. 创建图像元素后，innerHTML 属性对其没有任何意义。您必须显式附加属性/属性（见下文）。

固定代码：

function handleButtonClick()
{
    alert("button has been clicked");
    var target = document.getElementById("target");
    //var image = document.createElement("<img />"); // INVALID!!
    var image = new Image(); // or: document.createElement("img");
    //image.innerHTML = "<img src=../Images/banner_test.jpg alt=Banner height=42          width=42 />" ;
    image.src = "../Images/banner_test.jpg";
    image.alt = "Banner";
    image.height = 42;
    image.width = 42;
    target.appendChild(image);
 }