JavaScript視窗功能指南之建立彈出視窗 (轉)

JavaScript視窗功能指南之建立彈出視窗 (轉)[@more@]script視窗功能指南之建立彈出視窗
（作者：聽風編譯　2001年01月19日 11:35）

　　Inte Explorer 5.5支援一個新的window的方法：creatPopup（）。你可以向下面一樣建立一個彈出視窗：

　　var popupObj = window.createPopup();

　　當你建立了這個物件後，彈出視窗並不顯示。你必須要它的show方法：

　　popupObj.show(yOffset, xOffset, width, height, referenceObj)

　　在這裡：

　　yOffset 是彈出視窗距離螢幕左上角的水平偏移。

　　xOffset 是彈出視窗距離螢幕左上角的垂直偏移。

　　width 是彈出視窗的寬度。

　　height 是彈出視窗的高度。

　　referenceObj 是一個可選引數，它替代螢幕左上角做為引用yOffset 和 xOffset 的參照。

　　讓我們示範一下新的彈出視窗的用處。如果你點選下面的連結，一個所有這個教程的選單就會彈出來。注意，當選單彈出時，頁面就滾動回到它的頂部。我們怎麼樣這個彈出視窗呢？首先，你需要定義一個可見選單，它隨後會被轉載進彈出選單。為了實現隱藏連結，可以將選單放置到一個隱藏的位置。我們選擇位置（－1000，－1000），並在選單的style標記中定義它（在HEAD段的某個地方）：

　　

　　我們執行選單做為表格的連結：

　　

　　

　　

　　

　　　　

　　

　　

　　

　　

　　

　　

　　

　　

　　

How to name your and frames

How to open a new window

How to specify the features of a new window

How to utilize the window features

How to check if a window exists

How to close a window

How to manipulate a window

How to write content to a window

How to reference the opener

How to create a dialog box

How to create a pop-up window

　　連結本身（教程的頁面）不會改變URL，但是當被點選時，就呼叫showMenu（）：

　　

來自 “ ITPUB部落格 ” ，連結：http://blog.itpub.net/10752043/viewspace-988300/，如需轉載，請註明出處，否則將追究法律責任。