JavaScript innerHTML创建空白页面

我正在尝试制作一个网站，当点击图像时，文本会出现在上面。我遇到的问题是，当点击图像而不是出现文本时，整个页面将变为空白。你知道为什么会这样，或者怎么解决吗

Html:

---

你是穿过门还是打开门

function open(){
    document.getElementById("name").innerHTML = x;
    var x = "dfs";
}

不，您打开它，然后遍历，您试图在定义变量x之前使用它

另一个问题是open，它表示window.open（）。您需要将其重命名为其他名称

function openMessage(){
    var x = "dfs";
    document.getElementById("name").innerHTML = x;
}

及

---

你是穿过门还是打开门

function open(){
    document.getElementById("name").innerHTML = x;
    var x = "dfs";
}

不，您打开它，然后遍历，您试图在定义变量x之前使用它

另一个问题是open，它表示window.open（）。您需要将其重命名为其他名称

function openMessage(){
    var x = "dfs";
    document.getElementById("name").innerHTML = x;
}

及

重命名您的函数

。。。“打开”已定义为打开页面

顺便问一下：为什么要使用带有image类型的输入而不是？

重命名函数

。。。“打开”已定义为打开页面

---

顺便问一下：为什么要使用类型为image的输入而不是？

Assign var x=“dfs”；上面的document.getEl…我做了切换，但仍然遇到相同的问题始终在javascript中使用唯一的函数名close（）open（）get（），并使用其他常见的函数名。Assign var x=“dfs”；上面的文档…GETEL…我做了切换，仍然遇到同样的问题，在JavaScript关闭（）打开（）（）中使用唯一的函数名，并且采取了其他常用的函数名。我做了切换，最后还是在“代码> >代码>标签中的空白屏幕，我有代码> OnCalk＝“打开（）”< /代码>刚刚更新它，没有查看你的变量名。我做了切换，最后还是在“代码> >代码>标签中的空白屏幕，我有代码> OnCalk＝“打开（）”<代码>刚刚更新它，没有查看你的变量名。它将提交表单并重定向到给定页面（）。您没有表单标记，因此它会重定向到空白页。类型为image的输入类似于提交按钮。它将提交表单并重定向到给定页面（）。您没有表单标记，因此它会重定向到空白页。

<input type="image" id="un" src="pic\unscroll.png" onclick="openMessage();">

function openIt(){}
onclick="openIt()"