Question

我在这里有这个简单的代码：

var powered = prompt("my favorite color is:", "");
document.write(powered);

它的作用是显示他们输入单词的用户和输入框。然后该单词将显示在页面上。

现在我通常做的就是坐在电脑旁边看屏幕，一遍又一遍地点击刷新按钮，看看是否有任何新输入

现在我希望做的是：当用户将信息输入到提示框或表单中时，我创建...我想让页面自动更新，而不需要点击＆＃34;刷新＆＃34;按钮一遍又一遍，一遍又一遍......

ps ..我一直在说＆＃34;提示或形式＆＃34;因为我也希望你的输入更好用。我知道有弹出窗口关闭的人可能永远看不到输入框...但是我喜欢这种很酷的弹出效果。

Answer 1

我认为这就是你在寻找的东西。有很多方法可以做到这一点

1.使用java脚本警告框的基本版

提示框
Jquery对话框

更平滑和效果使用JQuery模型弹出窗口。Dialog

<!DOCTYPE html>
<html>
<body>

<p>Click the button to display a confirm box.</p>

<button onclick="myFunction()">Try it</button>

<p id="demo"></p>

<script>
function myFunction() {
var x;
if (confirm("Press a button!") == true) {
    x = "You pressed OK!";
 } else {
    x = "You pressed Cancel!";
 }
document.getElementById("demo").innerHTML = x;
}
 </script>

</body>
</html>

Try It Here或提示框Try it here

无需刷新页面即可更新输入

1 个答案: