Javascript 无意中闪烁JS文本_Javascript_Jquery_Html

Javascript 无意中闪烁JS文本

javascript jquery html

Javascript 无意中闪烁JS文本,javascript,jquery,html,Javascript,Jquery,Html,我试图制作一个文本框，列出响应，在每次单击按钮时添加一行新行。这将最终导致一个冒险游戏。我的问题是：我无法将文本添加到框中的一行，更不用说留下了。我尝试过各种jquery和js操作符，但似乎都不起作用。文本继续闪烁一次，然后消失。有什么建议吗这是我的html： <!DOCTYPE html> <html> <head> <title>Pocket Game</title> <script src="http://ajax.go

我试图制作一个文本框，列出响应，在每次单击按钮时添加一行新行。这将最终导致一个冒险游戏。我的问题是：

我无法将文本添加到框中的一行，更不用说留下了。我尝试过各种jquery和js操作符，但似乎都不起作用。文本继续闪烁一次，然后消失。有什么建议吗

这是我的html：

<!DOCTYPE html>
<html>
<head>
<title>Pocket Game</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"> </script>
<!--link rel="stylesheet" type="text/css" href="home.css"-->
<script src="game.js"></script>
</head>

<body>
    <div id = "returnbox">
    <p id = "box"></p>
    </div>
    <br>
    <form>
    <table>
        <tr>
        <th>
        Possible Exits:
        </th>
        </tr>
        <tr>
        <td>
        <button class = "exit" id = "exit1" onclick="exit()">Exit1</button>
        <button class = "exit" id = "exit2" onclick="exit()">Exit2</button>
        </td>
        </tr>
    </table>
    </form>
</body>
</html>

只需要将“type=”按钮“添加到按钮的属性中，因此：

<button type = "button" class = "exit" id = "exit2" onclick="exit()">Exit2</button>

Exit2

因为默认类型是表单，所以它会在单击时重新加载页面

所以这里发生的一切就是用字符串“Exit”替换“box”的内容如果您说每次都要添加新行，那么您可以这样做。innerHTML+=command，其中command本身就是一个段落，或者将

box

UL添加到

LI

元素。不过，我看不出文本会消失的任何原因。它应该一直保留，直到您再次调用

processCommand

，并被新命令替换。您能在jsfiddle.net上重现这个问题吗？

<button type = "button" class = "exit" id = "exit2" onclick="exit()">Exit2</button>