Question

我正在尝试建立一个网站，当点击图像时，文字会显示在其上方。我遇到的问题是，当单击图像而不是文本出现时，整个页面变为空白。任何想法为什么会这样或如何解决它？

HTML：

<html>

<head>
    <title>Six Degrees of Seperation</title>
    <link rel="stylesheet" type="text/css" href="sepstyle.css">
</head>

<body>

<center><img id="ban" src="pic\banner.png"></center>

<div id="name"></div>

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

</body>

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

</html>

JavaScript的：

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

Answer 1

你走过门而不是开门吗？

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

不，你打开它而不是走过，你试图在定义之前使用变量x。

另一个问题是已经开启，这意味着window.open（）。您需要将其重命名为其他内容。

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

和

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

Answer 2

重命名您的功能

...已定义open为打开页面http://devdocs.io/dom/document.open

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

顺便说一下：为什么你使用带有类型图像的输入而不是？

JavaScript innerHTML创建一个空白页面

2 个答案: