确定点击警报页面后如何重新加载页面

Posted

技术标签:

【中文标题】确定点击警报页面后如何重新加载页面【英文标题】:How to reload a page after the OK click on the Alert Page 【发布时间】:2013-06-02 01:03:25 【问题描述】:

单击警报框上的确定按钮后,我需要重新加载页面。 我正在使用以下代码

alert("Successful Message");
window.location.reload();

但是在显示警报框后会立即重新加载窗口。请帮帮我

【问题讨论】:

使用prompt 而不是alert 或许能帮到你这个***.com/questions/7146028/… 在表单提交响应回来后您是否重新加载此窗口? 你所拥有的应该可以工作。 alert 正在阻塞。我敢打赌,您的浏览器会阻止弹出窗口,因此它会立即进入下一行。不需要使用 if for alert 的推荐答案。 【参考方案1】:

试试这个:

alert("Successful Message");
location.reload();

【讨论】:

【参考方案2】:

改用确认框....

    var r = confirm("Successful Message!");
    if (r == true)
      window.location.reload();
    

【讨论】:

【参考方案3】:

试试这个代码..

php 代码中

echo "<script type='text/javascript'>".
      "alert('Success to add the task to a project.');
       location.reload;".
     "</script>";

在 JavaScript 中

function refresh()

    alert("click ok to refresh  page");
    location.reload();

【讨论】:

location.reload 是一种方法而不是属性,请参阅您的 php 代码。 好的,但这段代码在我的项目中运行良好。这样你就可以解决你的主要问题了..顺便感谢你的时间..【参考方案4】:

我在这里可能错了,但我遇到了同样的问题,在花费了比我引以为豪的时间更多的时间后,我意识到我已将 chrome 设置为阻止所有弹出窗口,因此在没有显示警告框的情况下不断重新加载。所以关闭你的窗口并再次打开页面。

如果这不起作用,那么您的问题可能更深层次,因为已经给出的所有解决方案都应该起作用。

【讨论】:

【参考方案5】:
alert('Alert For your User!') ? "" : location.reload();

上面的代码你也可以用这种格式写,看起来还不错

【讨论】:

为什么要在这里添加? "" : @itzmukeshy7 三元运算符。用法和 if else 一样。 ES6 实现。 @yashas123 但是如果我们将 三元运算符alert() 一起使用,那么它将始终触发 else 部分,因为 alert() 总是返回 false,Is'是吗? @itzmukeshy7 最好使用window.onbeforeunload = function() whatever you want to do 【参考方案6】:

Bojan Milic 的回答在某种程度上有效,但它在下面出现错误消息,

这可以避免,

function message() 

alert("Successful message");
window.location = 'url_Of_Redirected_Page' // i.e. window.location='default.aspx'

【讨论】:

这样就可以解决问题了:window.location.href = window.location.href;【参考方案7】:

有趣的是,Firefox 将在重定位功能后停止进一步处理 JavaScript。 Chrome 和 IE 将继续显示任何其他警报,然后重新加载页面。试试看:

<script type="text/javascript">
    alert('foo');
    window.location.reload(true);
    alert('bar');
    window.location.reload(true);
    alert('foobar');
    window.location.reload(true);
</script>

【讨论】:

【参考方案8】:

确认让您有机会点击取消,并且不会重新加载!

相反,您可以使用以下内容:

if(alert('Alert For your User!'))
else    window.location.reload(); 

这将向您的用户显示警报,当他单击确定时,它将返回 false 并完成重新加载! :) 另外,较短的版本:

if(!alert('Alert For your User!'))window.location.reload();

我希望这会有所帮助!? :)

【讨论】:

仅供参考。 "if(!alert('Alert For your User!'))window.location.reload();" 这行得通,这应该被标记为答案。【参考方案9】:

由于 JavaScript 中的 alert 方法不返回布尔值或产生当前线程,因此您必须使用不同的方法。

我的第一条建议需要一点 CSS 经验。相反,您应该创建一个位置固定的 div 元素。

否则你可以使用confirm()方法。

confirm("Successful Message");
window.location.reload();

但是,这将添加一个取消按钮。因为 confirm 方法不在 if 语句中,所以取消按钮仍然会像你想要的那样刷新页面。

【讨论】:

【参考方案10】:

使用 javascript confirm() 方法代替警报。如果用户单击确定按钮,则返回true;当用户单击取消按钮时,返回false。示例代码如下所示:

if(confirm('Successful Message'))
    window.location.reload();  

【讨论】:

我不想要取消按钮..页面需要刷新点击确定后...确认也会给出取消按钮

以上是关于确定点击警报页面后如何重新加载页面的主要内容,如果未能解决你的问题,请参考以下文章

我想用 alertify 点击“ok”后重新加载 index.html 页面

Javascript,HP 在没有 URL 的警报后重新加载

如何在点击href新chrome版本73.xxx后重新加载页面

如何在 jQuery 中强制页面刷新或重新加载?

防止页面重新加载表单按钮点击流星?

提交按钮后如何重新加载谷歌recaptcha而不刷新页面? [复制]