Question

我正在尝试编写一些代码来在网站登录页面上创建一个弹出窗口。我需要的是一个弹出窗口，其中包含一些文本，以及两个带有两个不同选项的按钮。其中一个使弹出窗口消失并在站点中正常继续，另一个使该页面离开并重定向到其他地方。鉴于我现在对javascript的了解不多，我迷失了两段代码，它们分别完成了我所需的一半工作。

我知道代码的每个部分都能提供所需的结果，但是我不知道如何以它们的工作方式将它们加入。

这部分代码将打开一个弹出窗口，允许您在停留在页面还是离开页面之间进行选择

</script>
<a href="http://www.google.com">test this</a>
<script type="text/javascript">
window.addEventListener('beforeunload', function (e) {
  // Cancel the event
  e.preventDefault();
  // Chrome requires returnValue to be set
  e.returnValue = '';
});
</script>

这种和平的代码有点怪诞，没有多大意义，但是它打开了一个不错的弹出窗口，我想在其中获取上述选项，而不是现在显示的文本

<SCRIPT Language="JavaScript">
var q = "do you know how much is 2+2?";
var a = 4;
var c = "<h2>yyyyyeeeeeeeyyyyyyy</h2>";
var ic = "<h2>w*nker</h2>";
var response = prompt(q,"0");
if (response != a) 
{ alert("buuuuh"); }
else { alert("oh yes!!! oh yes!!!"); }
var o = (response == a) ? c : ic;
document.write("<BR/>");
document.write(o);
</SCRIPT>

所以，我需要一个弹出窗口，带有两个按钮，离开页面，留在页面中...然后我将处理自定义设置以及整个香格里拉饼干

Answer 1

您可以尝试在JS中使用confirm()事件，这是您想要的基本逻辑：

var popup = confirm("Do you want to leave the page ?");

if (popup == true) {
  window.close(); //For an example, but you could change the URL of the website to another on, or do whatever you want here...
} else {
        return false; //or open another popup, etc, you choose what you need over the function...
  }

然后，您只需要在发出提示后或在按钮中或任何您想要的名称后调用它即可

使用javascript创建选项弹出窗口

1 个答案: