Question

好的，我一直在寻找类似但没有运气的东西..

我想知道如何让这个代码在新窗口中弹出并调整大小？示例：窗口是250px乘250px，没有边框，没有地址栏..只是一个紧凑的窗口。

这是我找到的，但不确定我是如何让它工作的......

<form action="../">
<select id="select-box" class="select" name="selectbox" size="6">
<option value="Folder1/List_1.html">1</option>
<option value="Folder2/List_2.html">2</option>
<option value="Folder3/List_3.html">3</option>
<option value="Folder4/List_4.html">4</option>
<option value="Folder5/List_5.html">5</option>
</select>
<input type="submit" value="Open Page" onclick="ob=this.form.selectbox;window.open(ob.options[ob.selectedIndex].value)">
</form>

我所知道的是，在＆＃34; action＆＃34;中输入的数据是不正确的..我只是不知道如何让它读取特定的文件夹等...我知道如果我删除＆＃34;动作＆＃34;然后它将页面加载到新选项卡中。但它并没有将它们加载到一个新窗口中.. 我对此一无所知，只是一直玩耍和读书，所以如果你能帮助我，我们将不胜感激。谢谢。

Answer 1

如果您希望在弹出窗口中打开它，则需要在"_blank"中使用window.open()。然后，您可以使用其他属性来更改窗口的大小。此外，您可以删除的窗口有限。 window.open()

<强> HTML

<form onsubmit="return false;">
    <select id="select-box" class="select" name="selectbox" size="6">
        <option value="Folder1/List_1.html">1</option>
        <option value="Folder2/List_2.html">2</option>
        <option value="Folder3/List_3.html">3</option>
        <option value="Folder4/List_4.html">4</option>
        <option value="Folder5/List_5.html">5</option>
    </select>
    <button onclick="popup(this.form.selectbox);">Open Page</button>
</form>

的Javascript

function popup(ob) {
    if (ob.selectedIndex < 0)
        return false;
    window.open(ob.options[ob.selectedIndex].value, "_blank", "height=200,width=200,menubar=no,status=no,titlebar=no,toolbar=no");
}

JSFiddle

<select>弹出窗口</select>

1 个答案: