Question

我一直在学习JavaScript，并且一直在研究可定制的随机数生成器。如果您决定要执行多个操作，则必须刷新它。我试过循环，但这使它无限。这是代码：

<DOCTYPE! html>
<body>
  <script>
    //This is a simple thingy, to randomly pick a number under a certain number

    //This is how we get what they want the max to be
    var input = prompt("Pick a number to be the maximum");

    //This is what it will output
    var output = Math.floor(Math.random() * (input + 1));
    //The reason for +1 is that it never reaches the max number without it

    //This is the output
    alert(output);
  </script>
</body>

Answer 1

你可以这样做：

<!DOCTYPE html>
<html>
<body>

<button onclick="myFunction()">Reload page</button>

<script>
function myFunction() {
    location.reload();
}
</script>

</body>
</html>

W3Schools

Answer 2

如果您想使用循环，可以查看以下jsfiddle：http://jsfiddle.net/z1cv7s93/2/

我使用confirm询问用户是否要继续。如果他们这样做他们会选择好的，否则他们选择取消并退出循环。

以下是小提琴中的代码：

var input; 
var contuine = true;
var output; 

while(contuine) {
    input = prompt("Pick a number to be the maximum");
    output = Math.floor(Math.random() * (input + 1)) 
    alert(output);
    contuine = confirm("Contuine?");
}

Answer 3

假设你想重新运行脚本vs实际重新加载页面，你可以这样做：

<button onlick="randomizer()">Generate Random</button>
<script>
  function randomizer(){
    var input = prompt("Pick a number to be the maximum");
    var output = Math.floor(Math.random() * (input + 1));
    alert(output);
  }
</script>

通过使用函数，您可以多次调用一段代码。

Answer 4

您可以使用JavaScript通过设置window.location属性来刷新页面。要刷新，只需将其设置为自己：

window.location = window.location;

要在单击按钮时实现，请在HTML中创建一个按钮：

<button id="refresh"></button>

然后在使用JQuery的JavaScript中，等到页面加载然后使其正常运行：

$(document).ready(function() {
    $("#refresh").click(function(event) {
        window.location = window.location;
    });
});

Answer 5

一些简单的重构可以提供帮助，但回答原始问题window.location.reload()就是刷新页面的方式。

说到这一点，你可以使整个代码块成为可以多次调用的函数。正如iut所说，这是执行一次，因为它没有设置为可重复使用。但是，将其包装在函数中：

function randomNumber(){
  */ our code */
}

然后在页面加载时调用它（可以在函数声明之后）：

randomNumber()

然后（可选）您可以将其绑定到按钮，以便再次调用它。 e.g。

<button onclick="randomNumber();">Re-run</button>

如何使用按钮刷新浏览器页面？

5 个答案: