JavaScript筆記 :: 彈出視窗最大化 - 電腦交流區

Tarrasque · 02-22-2008, 17:56

彈出視窗(Popup Window)是許多網頁設計者常用的一種效果，通常用來做網站的消息公告、短訊通知、網站系統訊息回應等，但是一般彈出視窗有定義視窗大小，但我們想要突破這層限制，可以利用以下簡便的JavaScript程式碼達到目的，請讀者們注意！這是加入在您想要讓它視窗最大化的網頁中：

程式碼:

<LI class=hl-firstline><scriptlanguage="JavaScript">
<!--
function win_maximization()
{
    var width = screen.availwidth;
    var height = screen.availheight;
    self.resizeTo(width, height);
    self.moveTo(0,0);  
}
-->
</script>

別忘了在目標網頁中的body標籤加上語法：

程式碼:

<bodyonLoad="win_maximization();">

另一種視窗最大化的語法並不是加在目標子網頁中，而是放在母網頁，也就是準備開啟彈出視窗的網頁中，您必須在JavaScript語法中用以下片段：

程式碼:

<ahref="javascript:void(0);"onclick="window.open('網頁','名稱','參數')">link</a>

其中屬性參數如下，參數與參數間以半形的逗點,分開：
menubar=no, 選單列是否開啟，1或0，yes或no
status=yes, 狀態列是否開啟，1或0，yes或no
scrollbars=yes, 捲軸是否開啟，1或0，yes或no
top=100, 決定開啟距離頂點多少像素，數字
left=100, 決定開啟距離左邊多少像素，數字
toolbar=no, 工具列是否開啟，1或0，yes或no
width=300, 視窗的寬度，數字
height=250, 視窗的高度，數字
fullscreen=yes, 是否全螢幕，1或0，yes或no

程式碼:

fullscreen=yes

其中fullscreen這個參數會以全螢幕的方式將新視窗放大，無論設定多少寬度及高度都會被這個設定蓋過，而且連放大縮小以及關閉紐都會消失，可能會困擾使用者，所以使用前要先三思。
《轉貼請註明出處》
專題作者：林新邦 / 資深網頁設計工作者
AdSenseor網路觀察家 :: AdSense & Search Engine Optimization 專題研究
網址：http://www.adsenseor.com

02-22-2008, 17:56	#1
Tarrasque 初心者註冊日期: Dec 2007 文章: 3055 積分: 39097	JavaScript筆記 :: 彈出視窗最大化彈出視窗(Popup Window)是許多網頁設計者常用的一種效果，通常用來做網站的消息公告、短訊通知、網站系統訊息回應等，但是一般彈出視窗有定義視窗大小，但我們想要突破這層限制，可以利用以下簡便的JavaScript程式碼達到目的，請讀者們注意！這是加入在您想要讓它視窗最大化的網頁中：程式碼: <LI class=hl-firstline><scriptlanguage="JavaScript"> <!-- function win_maximization() { var width = screen.availwidth; var height = screen.availheight; self.resizeTo(width, height); self.moveTo(0,0); } --> </script> 別忘了在目標網頁中的body標籤加上語法：程式碼: <bodyonLoad="win_maximization();"> 另一種視窗最大化的語法並不是加在目標子網頁中，而是放在母網頁，也就是準備開啟彈出視窗的網頁中，您必須在JavaScript語法中用以下片段：程式碼: <ahref="javascript:void(0);"onclick="window.open('網頁','名稱','參數')">link</a> 其中屬性參數如下，參數與參數間以半形的逗點,分開： menubar=no, 選單列是否開啟，1或0，yes或no status=yes, 狀態列是否開啟，1或0，yes或no scrollbars=yes, 捲軸是否開啟，1或0，yes或no top=100, 決定開啟距離頂點多少像素，數字 left=100, 決定開啟距離左邊多少像素，數字 toolbar=no, 工具列是否開啟，1或0，yes或no width=300, 視窗的寬度，數字 height=250, 視窗的高度，數字 fullscreen=yes, 是否全螢幕，1或0，yes或no 程式碼: fullscreen=yes 其中fullscreen這個參數會以全螢幕的方式將新視窗放大，無論設定多少寬度及高度都會被這個設定蓋過，而且連放大縮小以及關閉紐都會消失，可能會困擾使用者，所以使用前要先三思。《轉貼請註明出處》專題作者：林新邦 / 資深網頁設計工作者 AdSenseor網路觀察家 :: AdSense & Search Engine Optimization 專題研究網址：http://www.adsenseor.com

主題工具
顯示可列印版本郵寄本頁給好友
顯示模式
平板模式切換到混合模式切換到樹形模式

目前檢視此主題的會員: 1 (0 位會員和 1 位遊客)