Question

我正在尝试通过单击表单内的按钮来打开弹出窗口。我的代码如下

HTML

<form>
    <div class="form" align="center">
         <button class="form_sub_btn" onclick="popitup()">Next</button>
    </div>
</form>

JavaScript的：

function popitup(url) {
    newwindow=window.open(url,"","height=400,width=350");  
    if(!newindow){
        alert('We have detected that you are using popup blocking software.');}
    if (window.focus) {newwindow.focus();}
}
function popitup(){
    window.open("","","height=300, width=300");
}

我提出的后一项功能导致前者没有使用给定的URL执行。

感谢任何帮助。谢谢！

Answer 1

删除第二个popitup功能。你只需要第一个。将URL传递给参数中的open。例如，popitup('/popup.html');。

由于此按钮位于表单内，因此该按钮将导致提交表单，该表单将在弹出窗口打开之前离开当前页面。为了防止这种情况，您需要从onclick处理程序return false：

<button class="form_sub_btn" onclick="popitup('/popup.html'); return false;">Next</button>

另外，为了完成这项工作，有必要在popitup中修正拼写错误：if(!newindow){应为if(!newwindow){，因为该函数中的任何错误都会阻止{{1}执行。

弹出窗口代码失败

1 个答案: