彈出視窗 Window.open

在網頁設計我們常會用到彈出視窗,這裡介紹如何用
Javascript window.open來做彈出視窗的應用及相關函數介紹~~

window.open(URL,target,style)
//URL 網頁網址
//target 視窗名稱
//style 樣式設定

範例

window.open ('page.html', 'newwindow', 'height=100, width=400, top=0, left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=n o, status=no')

style的一些屬性
toolbar yes/no 是否具有工具列
menubar yes/no 是否具有功能表選項列
status yes/no 是否具有狀態列
scrollbars yes/no 是否顯示捲動軸
resizable yes/no 是否允許使用者調整視窗大小
width 數值 指定視窗寬度
height 數值 指定視窗高度
top、left 數值 設定視窗出現位置

另外我們也可以自行建立一個funtion，如下

function openBrWindow(theURL,winName,features) {
  window.open(theURL,winName,features);
}

在事件當中就可以直接呼叫傳入參數

onclick="openBrWindow('xx.html','','width=700,height=700')"

點我範例下載