正文加载功能与刷新按钮相同答案

【问题标题】：body onload function is same as refresh button正文加载功能与刷新按钮相同
【发布时间】：2016-08-07 20:45:20
【问题描述】：

我有一个主函数（startGame），它加载可点击的图像，当你点击它时，它会消失（图像有自己的 onClick 函数）。这也是我的身体加载功能。

HTML：

<body onload="StartGame()"> //loads all the contents

这个 StartGame 函数也是所有其他图像中的一个可点击的 div 图像。当您单击此图像时，它应该重新加载整个页面，并且消失的图像应该再次出现。

CSS：

div#startgame{ //clickable css image button 
    background-image: url(../graphics/startgame.png);
    background-size: 165px 50px;
    background-repeat: no-repeat;
    width: 165px;
    height: 50px;

如果我的功能是我的正文加载和刷新按钮，我如何每次点击它时刷新页面？

【问题讨论】：

每次都重新加载整个页面，是不是有点“重”？您可以只使用 ajax 带来需要更改的内容...而且我相信有些服务器可能会稍微限制重新加载以避免 DoS 攻击，从而使您的游戏变慢...嗯只是一个评论...

标签： javascript css

【解决方案1】：

您可以使用以下功能刷新页面

var reload = function(){
  document.location = document.location;
}

所以您的带有按钮的 HTML 可能如下所示：

<button type="button" onclick="reload()">reload</button>

【讨论】：

您需要重新加载页面 - 这是代码。我不知道你需要把它放在哪里

【解决方案2】：

你可以使用javascript方法reload:

location.reload();

你需要在点击事件回调上使用它。

希望对你有帮助：D

【讨论】：

我把它放在哪里？ :O 我试过了，但没用

【解决方案3】：

这样的事情怎么样：

$(document).ready(function(){
  
  StartGame(); // You can start it from here too, removing the onload from body tag 
  
  // Intercept click event in your div, in this case by ID
  $('#StartGame').click(function(){
    StartGame(); // Call start game when it happens
  });
});

使用这样的代码，您可以在单击 StartGame div 时绑定对 StartGame() 的调用。

这样你就不需要重新加载页面了。

【讨论】：

【解决方案4】：

你可以使用这个：
$('#StartGame').click(function(){
location.reload(); //每次点击时重新加载页面
});

【讨论】：

【解决方案5】：

$(document).ready(function(){
  $("div#startgame").click(function(){
    $('body').trigger('load');
  });
});

你需要确保你有一个body标签。或者为你想要的body标签添加一个id

【讨论】：

我把它放在哪里？ :O 它在 JQuery 中不起作用
@Runa。我编辑了代码。把它放在文件的末尾。确保你导入了 jQuery 库