javascript - 点击图片时如何弹出小窗口？

Question

<div class="featured-item">
                <img src="assets/images/preparing.jpg" alt=""  onclick="window.open('buy_form.html', '_blank');" />
                <h4>itemName</h4>
               
              </div>

我想弹出一个小窗口表单（看起来像一张账单），但上面的代码显示全尺寸窗口而不是小尺寸。我试图将有关高度和宽度的元素放在“_blank”旁边，但它不起作用。

所以我尝试了CSS，

body{
width: 400px;
height: 600px;

}

但它只是调整弹出表单的内容。

我想通过修改第一个代码来显示小窗口。（其他方式都可以。我感谢所有对这个问题的帮助。）

标签： javascripthtmlcss

Answer 1

window.open有一些参数：

window.open(buy_form.html,"NewWindow","width=420,height=290,status=yes,resizable=yes");