如何引发两个弹出窗口

时间:2015-04-23 20:55:49

标签: javascript jquery html popup

我计划在我的网站上创建一个弹出窗口。继续搜索我找到一个代码来为我的网站创建一个弹出的新窗口。

<script type="text/javascript">
document.body.onclick= function(){
window.open('popup creating website', 'poppage', 'toolbars=0, scrollbars=1, location=0, statusbars=0, menubars=0, resizable=1, width=950, height=650, left = 300, top = 50');
}</script>

使用上面的代码我弹出新窗口为每次点击创建。这对游客来说是一个很大的麻烦。

继续搜索结果是nill和stackoverflow中的零我发现但代码不适合我的网站。我想要的代码是

  

当页面刷新并首次点击网站时应该弹出窗口。

任何人都可以帮助我解决问题.. !!

4 个答案:

答案 0 :(得分:2)

看起来您只想在第一次点击时打开弹出窗口。只需使用addEventListenerremoveEventListener即可在首次点击后删除它。

这是工作代码:

function createPopup() {
    window.open('popup creating website', 'poppage', 'toolbars=0, scrollbars=1, location=0, statusbars=0, menubars=0, resizable=1, width=950, height=650, left = 300, top = 50');
    document.body.removeEventListener('click', createPopup);
}

document.body.addEventListener('click', createPopup);

答案 1 :(得分:0)

要制作弹出窗口,您需要使用Javascript,例如:

<script>
    function myFunction() {
        alert("10/63");
    }

    function a2() {
        alert("13/10");
    }

    function a3() {
        alert("37/30");
    }
    function a4() {
        alert("4/21");
    }
</script>
<p>Click the button.</p>
<button onclick="myFunction()">Example 1 Answer</button>
<br>
<button onclick="a2()">Example 2 Answer</button>
<br>
<button onclick="a3()">Example 3 Answer</button>
<br>
<button onclick="a4()">Example 4 Answer</button>

答案 2 :(得分:0)

使用变量来判断它是否是第一次点击:

var firstClick = true;
document.body.onclick = function() {
    if (firstClick) {
        window.open('popup creating website', 'poppage', 'toolbars=0, scrollbars=1, location=0, statusbars=0, menubars=0, resizable=1, width=950, height=650, left = 300, top = 50');
        window.open('popup creating second website', 'poppage2', 'toolbars=0, scrollbars=1, location=0, statusbars=0, menubars=0, resizable=1, width=950, height=650, left = 200, top = 10');
        firstClick = false;
    }
}

答案 3 :(得分:0)

从你的评论中我得到了正确的答案我的预期

-

  • 单个弹出窗口---&gt;&gt;新窗口 <script type="text/javascript"> var firstClick = true; document.body.onclick = function() { if (firstClick) { window.open('popup site', 'poppage', 'toolbars=0, scrollbars=1, location=0, statusbars=0, menubars=0, resizable=1, width=950, height=650, left = 300, top = 50'); firstClick = false; } } </script>
  • For two popups - &gt;&gt;新窗口 <script type="text/javascript"> var firstClick = true; document.body.onclick = function() { if (firstClick) { window.open('popup creating website', 'poppage', 'toolbars=0, scrollbars=1, location=0, statusbars=0, menubars=0, resizable=1, width=950, height=650, left = 300, top = 50'); window.open('popup creating second website', 'poppage2', 'toolbars=0, scrollbars=1, location=0, statusbars=0, menubars=0, resizable=1, width=950, height=650, left = 200, top = 10'); firstClick = false; } } </script>