【问题标题】:Javascript alert() in a pop up window弹出窗口中的 Javascript alert()
【发布时间】:2015-02-04 07:38:41
【问题描述】:

我有一个锚标记,它的点击事件调用了一个 JavaScript 函数,该函数会打开一个弹出窗口。

现在当用户点击弹出窗口的关闭按钮时,我想生成一个alert(),询问用户是否要关闭弹出窗口

使用下面的代码,警报是在父窗口而不是弹出窗口中生成的

<script>
function  openForm()
{
    var new_window = window.open('file:///C:/Users/Tejora/Desktop/test.html','popup''width=825,height=585,scrollbars=yes,resizable=yes,toolbar=no,directories=no,location=no,menubar=no,status=no,left=50,top=0');
    new_window.onbeforeunload = function(){ 
           alert("Are you sure you want to close the window");      }
}
</script>


 <a href="#" onclick="openForm()">Click</a>

提前谢谢...

【问题讨论】:

  • 您正在寻找的功能称为“确认”,这是一种警报,但要求用户输入是/否。
  • 使用return confirm("Are you sure ..."); 显示确认对话框,而不是@doldt 提到的警报
  • confirmalert 调用不应在 onbeforeunload 事件处理程序中进行:“自 2011 年 5 月 25 日起,HTML5 规范声明对 window.alert()、window.confirm 的调用() 和 window.prompt() 方法在此事件期间可能会被忽略。” developer.mozilla.org/en-US/docs/Web/API/…
  • 嗯,onbeforeunload 也会在您点击返回按钮或刷新页面时被触发。我认为没有任何方法可以捕获浏览器关闭事件!使用自定义弹出窗口而不是新窗口怎么样?这将为您提供所需的所有控制。
  • @ArinCool 他正在打开一个弹出窗口。据推测,弹出窗口内没有额外的导航,并且新窗口以干净的历史记录开始,因此后退按钮不起作用。不过,在提神方面,您的观点仍然有效。

标签: javascript jquery html


【解决方案1】:

onbeforeunload 处理程序返回一个字符串时,浏览器将显示一个带有该消息的确认对话框。替换这一行:

alert("Are you sure you want to close the window");

有了这个:

return "Are you sure you want to close the window?";

Here 是相关文档。

【讨论】:

  • 当我用return替换alert时,没有弹出窗口
  • 我刚刚测试了这个解决方案,它工作得很好。请粘贴您的新代码。此外,您的示例代码中有一个错误,“弹出”后应该有一个逗号:'popup''width=825 ...
  • 感谢它的工作,但有什么办法可以改变它说的文字“此页面要求您确认您要离开 - 您输入的数据可能不会被保存。”以及按钮文本
  • 您使用的是 Firefox,对吗?不幸的是,从版本 4 开始,Firefox 完全忽略了您返回的文本。Google Chrome 会显示您的文本,但也会添加自己的附加消息。而且您无法更改任何浏览器中的按钮标签。没有办法解决这个问题,抱歉,这是为了保护浏览器用户免受恶意网站的侵害(这是正确的)。如果你想要完全控制,你应该模拟一个带有 DOM 元素的弹出窗口。否则,你就不走运了。
猜你喜欢
  • 2015-10-31
  • 1970-01-01
  • 2013-02-03
  • 1970-01-01
  • 2013-06-06
  • 1970-01-01
  • 2014-12-26
  • 2013-12-17
相关资源
最近更新 更多