Question

试图点击魔术8，但快乐，悲伤和惊讶的图片不会显示在线下。我做错了什么？我已将random.js中的图像保存在同一文件夹中。

<html>
    <head>
        <script type=text/javascript src="random.js">
        </script>
        <script>
        function magicEight() {
            var imgName;
            imgName = RandomOneOf(["happy.gif", "sad.gif", "surprised.gif"]);
            document.getElementById('outputDiv').value = imgName;
        }
        </script>
    </head>
    <body>
        <div style="text-align:center">
            <h1> Magic 8-ball (Mattel, Inc.) </h1>
            <p> Enter a question below, then click on the Magic 8-Ball to recieve its wisdom. </p>
            <input type="text" id="questionBox" size=90 value="">
            <p>
                <input type="image" src="http://balance3e.com/Images/8ball.gif" id="button" onclick="magicEight();">
            </p>
            <hr>
            <div id="outputDiv"></div>
        </div>
    </body>
</html>

Answer 1

如果要显示和图像，则需要在img标记上添加randomoneof的值，而不是在div标记上。改变这一点，我认为它会起作用

Answer 2

在outputDiv上设置src将不会显示图片。您必须设置<img>代码的/Images属性。

假设所有随机图像都存在于function magicEight() { var imgName; imgName = RandomOneOf(["happy.gif", "sad.gif", "surprised.gif"]); var imageTag = "<img src='/Images/" + imgName + "'>"; document.getElementById('outputDiv').innerHTML= imageTag; }中，您可以使用以下作为新的magicEight函数。

{{1}}

Answer 3

演示：https://codepen.io/hienhuynhtm/pen/dpLgNr

python3.5 -i -c "import Ipython#or ipython"

如何单击图像以显示具有功能的图像

3 个答案: