再論彈出窗口

2019-11-18 15:21:43

字體：大中小

來源：轉載

供稿：網友

前文已經比較具體地談過“pop window”的一些寫法和技巧，現在再對一些沒有涉及的內容做一些補充。

希望對大家有一些幫助。

（一）我們可以不用window.open的方法打開一個窗口，用下面的方法也可以作到：

代碼如下：

<form action="example2.htm" target="anotherWindowName">
<input type="SUBMIT" value="Open new window" name="SUBMIT">
</form>

（二）下面的例子首先用傳統的方法打開一個小窗口，然后通過右面的連接將一個新的內容寫入這個彈出的窗口中。

將文件調入彈出的窗口

代碼如下：

<script language="javascript">

</script>
<a href="sample2.htm" target="myWindow">將文件寫入彈出窗口</a>

（三）假如要顯示一張圖片，下面的方法也可以：

<form>
<input type="BUTTON" onClick="window.open(′picture.gif′,′′,′width=150,height=100′)" name="BUTTON" value="open picture">
</form>

（四）下面是一個彈出窗口的生成器：

URL Name Width Height Directories Location Menubar Scrollbars Status Toolbar Resizeable

源代碼如下：

<SCRIPT LANGUAGE="Javascript">
</SCRIPT>

<FORM>
URL <INPUT TYPE="TEXT" NAME="URL" VALUE="testpage.htm">
Name <INPUT TYPE="TEXT" NAME="windowName" VALUE="myWindow">
Width <INPUT TYPE="TEXT" NAME="width" VALUE="200">
Height <INPUT TYPE="TEXT" NAME="height" VALUE="200">
<INPUT TYPE="CHECKBOX" NAME="directories"> Directories
<INPUT TYPE="CHECKBOX" NAME="location"> Location
<INPUT TYPE="CHECKBOX" NAME="menubar"> Menubar
<INPUT TYPE="CHECKBOX" NAME="scrollbars"> Scrollbars
<INPUT TYPE="CHECKBOX" NAME="status"> Status
<INPUT TYPE="CHECKBOX" NAME="toolbar"> Toolbar
<INPUT TYPE="CHECKBOX" NAME="Resizeable"> Resizeable
<INPUT TYPE="BUTTON" VALUE="Create It"
onClick="createWindow(this.form)">
</FORM>

（五）彈出窗口是非常輕易失去“焦點”的，即只要鼠標點擊窗口以外的任意位置該彈出窗口的焦點就失去了。

用下面的方法可以對其進行控制，將如下代碼加入彈出窗口中：

<BODY onBlur="window.focus()">

但是，這樣做有一個缺陷，即彈出的窗口永遠被“聚焦”了，除非你強制關閉它。

沒有關系，只要給它加一個“超時控制”即可，即讓它只聚焦幾秒鐘，在這段事件內，訪問者有足夠的時間看清楚彈出窗口內的內容，然后只要用鼠標點窗口以外的任意位置，就自動關閉了。

<BODY onBlur="setTimeout=(′window.focus()′,1000)">
<BODY onBlur="window.close()">

（六）定位你的窗口，使用screenX ,screenY（NS4） ,top ,left（IE4）屬性。

window.open(′testpage.htm′,′myExample6′,′width=200,height=200,screenX=400,screenY=400,top=400,left=400′);

（七）有沒有想過讓你的窗口永遠居中？即不論窗口的大小時多少，一律顯示在窗口的中間？用下面的腳本即可：

<SCRIPT LANGUAGE="JavaScript">

</SCRIPT>

注重：本例的打開的窗口是200*200的，假如你的窗口不是這個尺寸，將上面的蘭色部分改一下即可。

測試一下吧：

（八）下面的代碼可以實現窗口內容的轉跳，先打開一個窗口，經過3秒鐘后頁面自動跳轉到另一個頁面。

<SCRIPT LANGUAGE="JavaScript">

</SCRIPT>

（九）窗口內容的重寫：

<SCRIPT LANGUAGE="JavaScript">

</SCRIPT>
說明：注重蘭色部分相同，本例使用了一個循環寫，作為演示比較清楚，你可以使用.document.write的方法將任何內容寫入窗口中。

--------------------------------------------------------------------------------

上一篇：再聚Java One

下一篇：在 Java 應用程序中創建圖像