HTML onload弹出消息

时间:2017-06-16 03:04:08

标签: javascript popupwindow

<script type="text/javascript">
<!--
function FP_popUpMsg(msg) {//v1.0
 alert(msg);
}
// -->
</script>
</head>

<body style="background-color: #800080" onload="FP_popUpMsg('test message')">

此弹出窗口出现在网页的加载中。我想格式化这个,以便用户无法访问页面,除非他们单击弹出窗口中的确定按钮。目前,他们可以点击浏览器中的X(右上角),然后仍然进入

1 个答案:

答案 0 :(得分:0)

您可以随时使用confirm,如果“确定”,则返回true。单击按钮,如果单击关闭或取消按钮,则为false。 MDN上有一个页面:https://developer.mozilla.org/en-US/docs/Web/API/Window/confirmHow to stop page load in html static page处的问题有一些解决方案可以阻止页面加载,尽管它们似乎是hackish并且在某些时候必然会失败。该部分问题的另一个解决方案是重定向到专用页面;有关详情,请参阅How to redirect to another webpage in JavaScript/jQuery?

示例解决方案(纯JS,此处未使用库)

<html>
<head>
<script type = "text/javascript">
    function redirIfNotConfirmed(msg) {
      var confirmed = confirm(msg);
      if (!confirmed) window.location.href = "http://my.website.com/dummy_redir_page";
    }

    redirIfNotConfirmed("click ok to proceed");
</script>
</head>