[筆記]window.open 筆記整理
應該要整理一下window.open的各屬性, 不然都一直不了解, 每次要用時就一直花時間在這上面找資料
20130320新增 參數的設定要用yes跟false, 用true沒用
參考資料: http://www.study-area.org/coobila/tutorial_275.html
Window.open 裡面的參數有3種
(連結url, 視窗名稱, 視窗參數)
Ex.window.open(‘http://www.google.com.tw’,’myWin’,’locationbar=false’);
參數列表如下, 參數當中不可有空格(但是在aspnet中有試過 應該還好)
這些小參數(或副參數) 都是以0,1 或false, yes來設定
· toolbar: 指定要不要有工具列在視窗出現。(工具列包含 "前一頁" "下一頁" "停止" "重 新整理")
· menubar: 指定要不要有目錄列在視窗出現。(目錄列包括 "檔案" "編輯" "檢視")
· scrollbar:指定要不要有下拉軸在視窗出現。
· resizable:指定要不要讓訪客可自行種視窗大小。
· locationbar:指定要不要有"輸入網址的那一列"在視窗出現。
· directories:指定要不要有directory bar 在視窗出現。 (像是有 "bookmark" 的那一列)
· status: 指定要不要有狀態列在視窗出現。 (最底下的這個列, 常常有人放跑馬燈的地方)
常用的就3種:locationbar=false,scrollbar=yes,resizable=yes
注意:resizable的拼法
視窗名稱很重要, 如果一母頁中有多個按鈕要開小視窗, 最好視窗名稱都要取不一樣, 否則連結都會顯示在同一個視窗中, 若user要參照每個小視窗的話就不容易了
另 如果我們在target中設定成視窗名稱, 則連結頁也會顯示在這個視窗中
將所有屬性的設定做個練習, 並將圖片貼上做個紀錄
l toolbar:
HyperLink1.Attributes.Add("onclick","javascript:void window.open('http://www.google.com.tw','testWin','toolbar=yes,resizable=yes,scrollbars=yes');");
Toolbar_yes.jpg
HyperLink1.Attributes.Add("onclick","javascript:void window.open('http://www.google.com.tw','testWin','toolbar=false,resizable=yes,scrollbars=yes');");
Toolbar_false.jpg
l menubar:
HyperLink1.Attributes.Add("onclick","javascript:void window.open('http://www.google.com.tw','testWin','menubar=yes,resizable=yes,scrollbars=yes');");
menubar_yes.jpg
HyperLink1.Attributes.Add("onclick","javascript:void window.open('http://www.google.com.tw','testWin','menubar=false,resizable=yes,scrollbars=yes');");
menubar_false.jpg
l scrollbar:
HyperLink1.Attributes.Add("onclick","javascript:void window.open('http://www.google.com.tw','testWin','scrollbar=yes,resizable=yes,scrollbars=yes');");
scrollbar_yes.jpg
HyperLink1.Attributes.Add("onclick","javascript:void window.open('http://www.google.com.tw','testWin','scrollbar=false,resizable=yes,scrollbars=yes');");
scrollbar_false.jpg
l resizable:
HyperLink1.Attributes.Add("onclick","javascript:void window.open('http://www.google.com.tw','testWin','resizable=yes,resizable=yes,scrollbars=yes');");
resizable_yes.jpg
HyperLink1.Attributes.Add("onclick","javascript:void window.open('http://www.google.com.tw','testWin','resizable=false,resizable=yes,scrollbars=yes');");
resizable_false.jpg
l location:
HyperLink1.Attributes.Add("onclick","javascript:void window.open('http://www.google.com.tw','testWin','location=yes,resizable=yes,scrollbars=yes');");
location_yes.jpg
HyperLink1.Attributes.Add("onclick","javascript:void window.open('http://www.google.com.tw','testWin','location=false,resizable=yes,scrollbars=yes');");
location_false.jpg
l directories:
HyperLink1.Attributes.Add("onclick","javascript:void window.open('http://www.google.com.tw','testWin','directories=yes,resizable=yes,scrollbars=yes');");
directories_yes.jpg
HyperLink1.Attributes.Add("onclick","javascript:void window.open('http://www.google.com.tw','testWin','directories=false,resizable=yes,scrollbars=yes');");
directories_false.jpg
l status:
HyperLink1.Attributes.Add("onclick","javascript:void window.open('http://www.google.com.tw','testWin','status=yes,resizable=yes,scrollbars=yes');");
status_yes.jpg
HyperLink1.Attributes.Add("onclick","javascript:void window.open('http://www.google.com.tw','testWin','status=false,resizable=yes,scrollbars=yes');");
status_false.jpg
讚~~~~!
http://www.yyj.tw/