javascript - 新窗口中的弹出窗口将在新选项卡中打开

Question

我有一个用 php 创建的日历。在此日历中，我按日期列出了 load_id。我制作了一个弹出窗口来显示每次加载的更多数据。我希望它显示为弹出窗口而不是在新选项卡中。我尝试过将其作为函数来执行，但由于我不了解 javascript，我无法弄清楚如何将 load_id 传递给 url。如果我用函数中的 url 替换“this.href”，它就像一个魅力。但我再次不知道如何将负载 id 作为变量传递，因此这对我不起作用。如果有人能指出我在传递变量时犯的错误，我将非常感激!

这就是我现在拥有的:

echo "<span class='load_shipped'>
<a href='cal_popup.php?load_id=".$load_id."'
onclick='window.open(this.href, '_blank','left=100,top=100,width=500,height=500,toolbar=1,resizable=0');'>
".$load_id."
</a>
<br>
</span>\n";

我也尝试过，但没有成功:

echo "<span class='load_shipped'>
<a onclick='popup(".$load_id.");'>".$load_id."</a><br>
</span>\n";

Javascript:

<script>
    function popup(id){
        window.open('cal_popup.php?load_id=id', '_blank','left=100, top=100,width=500,height=500,toolbar=1,resizable=0');
    }
</script>

这一切只是传递“id”而不是真正的 load_id。

Answer 1

似乎您遇到了麻烦，因为您使用相同的引号来包装属性 onclick 并定义 window.open 调用的参数。尝试在属性上使用双引号。您还需要在 onclick 末尾 return false; 以防止链接正常工作。

echo "<span class='load_shipped'>
    <a href='cal_popup.php?load_id=".$load_id."'
    onclick=\"window.open(this.href, '_blank','left=100,top=100,width=500,height=500,toolbar=1,resizable=0');return false;\">
    ".$load_id."
    </a>
    <br>
</span>\n";

在最后一个示例中，您有函数 popup - 请注意，您需要将 id 变量连接到字符串中，如 'cal_popup.php? load_id=' + id。