24h購物| | PChome| 登入
2013-01-08 16:56:45| 人氣10,794| 回應1 | 上一篇 | 下一篇

[筆記]window.open 筆記整理

推薦 0 收藏 0 轉貼0 訂閱站台

應該要整理一下window.open的各屬性, 不然都一直不了解, 每次要用時就一直花時間在這上面找資料

20130320新增 參數的設定要用yesfalse, 用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




 

 

台長: nut
人氣(10,794) | 回應(1)| 推薦 (0)| 收藏 (0)| 轉寄
全站分類: 不分類 | 個人分類: 技術 |
此分類下一篇:Control 在後端註冊JS的寫法
此分類上一篇:母頁與查詢小頁的PAGE_LOAD流程

美國黑金
2020-01-12 17:19:00
是 (若未登入"個人新聞台帳號"則看不到回覆唷!)
* 請輸入識別碼:
請輸入圖片中算式的結果(可能為0) 
(有*為必填)
TOP
詳全文