史萊姆論壇

返回   史萊姆論壇 > 教學文件資料庫 > 程式 & 網頁設計技術文件
忘記密碼?
論壇說明 標記討論區已讀

歡迎您來到『史萊姆論壇』 ^___^

您目前正以訪客的身份瀏覽本論壇,訪客所擁有的權限將受到限制,您可以瀏覽本論壇大部份的版區與文章,但您將無法參與任何討論或是使用私人訊息與其他會員交流。若您希望擁有完整的使用權限,請註冊成為我們的一份子,註冊的程序十分簡單、快速,而且最重要的是--註冊是完全免費的!

請點擊這裡:『註冊成為我們的一份子!』

Google 提供的廣告


 
 
主題工具 顯示模式
舊 2006-07-24, 12:50 AM   #1 (permalink)
榮譽會員
 
psac 的頭像
榮譽勳章
UID - 3662
在線等級: 級別:30 | 在線時長:1048小時 | 升級還需:37小時級別:30 | 在線時長:1048小時 | 升級還需:37小時級別:30 | 在線時長:1048小時 | 升級還需:37小時級別:30 | 在線時長:1048小時 | 升級還需:37小時級別:30 | 在線時長:1048小時 | 升級還需:37小時
註冊日期: 2002-12-07
住址: 木柵市立動物園
文章: 17381
現金: 5253 金幣
資產: 33853 金幣
預設 軟體 - 彈出網頁視窗全攻略(html/hta)

注意:請點擊下面的圖片免費註冊淘寶網帳號! 體驗競價享受網上交易的樂趣!!註冊完全免費!!
將有更多驚喜等著您,必須用真實郵信箱啟動^-^ ^-^


如何利用網頁彈出各種形式的視窗,我想大家大多都是知道些的,但那種多種多樣的彈出式視窗是怎麼搞出來的,我們今天就來教學一下:
  1.彈啟一個全螢幕視窗

<html>
<body onload="window.open('http://www.pconline.com.cn','example01','fullscreen');">;
<b>www.e3i5.com</b>
</body>
</html>

  2.彈啟一個被F11化後的視窗

<html>
<body onload="window.open(''http://www.pconline.com.cn','example02','channelmode');">;
<b>www.e3i5.com</b>
</body>
</html>

  3.彈啟一個帶有收藏連接工作列的視窗

<html>
<body onload="window.open('http://www.pconline.com.cn','example03','width=400,height=300,directories');">
<b>www.e3i5.com</b>
</body>
</html>

  4.網頁對話視窗

<html>
<SCRIPT LANGUAGE="javascript">
<!--
showModalDialog('http://www.pconline.com.cn','example04','dialogWidth:400px;dialogHeight:300px;
dialogLeft:200px;dialogTop:150px;center:yes;help:yes;resizable:yes;status:yes')
//-->
</SCRIPT>
<b>www.e3i5.com</b>
</body>
</html>

<html>
<SCRIPT LANGUAGE="javascript">
<!--
showModelessDialog('http://www.pconline.com.cn','example05','dialogWidth:400px;dialogHeight:300px;
dialogLeft:200px;dialogTop:150px;center:yes;help:yes;resizable:yes;status:yes')
//-->
</SCRIPT>
<b>http://www.pconline.com.cn</b>
</body>
</html>

  showModalDialog()或是showModelessDialog() 來使用網頁對話視窗,至於showModalDialog()與showModelessDialog()的區別,在於showModalDialog()開啟的視窗(簡稱模式視窗),置在父視窗上,必須關閉才能訪問父視窗(建議盡量少用,以免招人反感);showModelessDialog()(簡稱無模式視窗),開啟後不必關閉也可訪問父視窗開啟的視窗。

dialogHeight: iHeight 設定對話視窗視窗的高度。
dialogWidth: iWidth 設定對話視窗視窗的寬度。   
dialogLeft: iXPos 設定對話視窗視窗相對於桌面左上角的left位置。
dialogTop: iYPos 設定對話視窗視窗相對於桌面左上角的top位置。
center: {yes | no | 1 | 0 } 指定是否將對話視窗在桌面上居中,預設值是「yes」。
help: {yes | no | 1 | 0 } 指定對話視窗視窗中是否顯示上下文敏感的說明 圖示。預設值是「yes」。   
resizable: {yes | no | 1 | 0 } 指定是否對話視窗視窗大小可變。預設值是「no」。
status: {yes | no | 1 | 0 } 指定對話視窗視窗是否顯示狀態列。對於非模式對話視窗視窗,預設值是「yes」;對於模式對話視窗視窗,預設值是 「no」。

5.HTA視窗

  HTA的全名為HTML Application,翻譯過來就是HTML應用程式,你只要簡單的用.hta為副檔名儲存HTML頁面就算新增了一個HTA文件,下面我們就用HTA來編個視窗,將以下這段程式碼儲存為.hta文件,然後再用瀏覽器開啟。

<HTML>
<HEAD>
<TITLE>www.e3i5.com</TITLE>
<HTA:APPLICATION ID="oHTA"
APPLICATIONNAME="myApp"
  BORDER="thin"
  BORDERSTYLE="normal"
  CAPTION="yes"
  ICON="filename.ico"
  MAXIMIZEBUTTON="yes"
  MINIMIZEBUTTON="yes"
  SHOWINTASKBAR="no"
  INGLEINSTANCE="no"
  SYSMENU="yes"
  VERSION="1.0"
  WINDOWSTATE="normal" />
</HEAD>
<BODY>
<b>http://www.pconline.com.cn</b>
</BODY>
</HTML>

  有人會發現上面這些程式碼與平時的html有點不同,多了HTA:APPLICATION標籤,這就是關鍵之處,hta通過它來提供一系列面向應用程式的功能,接下來再講一講它的內容(我的頭又在發脹)
  APPLICATIONNAME內容(applicationName)
  此內容為設定HTA的名稱。
  BORDER內容(border)
  此內容為設定為HTA的視窗邊框檔案類型,預設值為 thick。
  它可以設為 thick 指定視窗為粗邊框
        dialog window 指定視窗為對話視窗
        none 指定視窗無邊框
        thin 指定視窗為窄邊框
  BORDERSTYLE內容(borderStyle)
  此內容為設定HTA視窗的邊框格式,預設值為 normal。
  它可以設為
   normal 普通邊框格式
   complex 凹凸格式組合邊框
   raised 凸出的3D邊框
   static 3D邊框格式
   sunken 凹進的3D邊框
  CAPTION內容(caption)
  此內容為設定HTA視窗是否顯示標題欄或標題,預設值為 yes。
  ICON內容(icon)
  此內容為設定應用程式的圖示。
  MAXIMIZEBUTTON內容(maximizeButton)
  此內容為設定是否在HTA視窗中顯示最大化按鈕,預設值為 yes。
  MINIMIZEBUTTON內容(minimizeButton)
  此內容為設定是否在HTA視窗中顯示最小化按鈕,預設值為 yes。
  SHOWINTASKBAR內容(showInTaskBar)
  此內容為設定是否在工具列中顯示此應用程式,預設值為 yes。
  SINGLEINSTANCE內容(singleInstance)
  此內容為設定是否此應用程式同時只能執行一次。次內容以APPLICATIONNAME內容作為標幟,預設值為 no。
  SYSMENU內容(sysMenu)
  此內容為設定是否在HTA視窗中顯示系統表單,預設值為 yes。
  VERSION內容(version)
  此內容為設定應用程式的版本,預設值為空。
  WINDOWSTATE內容(windowState)
  此內容為設定HTA視窗的初始大小,預設值為 normal。
  它可以設為 normal 預設值大小
        minmize 最小化
        maximize 最大化
  以上括號中的是在指令碼引用的內容。在指令碼中以上內容皆為唯讀內容。此外,在指令碼中還可以使用commandLine內容來檢索應用程式啟動時的參數。
  在HTA中還可以繼續使用html中的絕大多數標籤、指令碼等。

(出處:http://www.vipcn.com)


彈出網頁視窗全攻略(html/hta) 相關軟體:
__________________
http://bbsimg.qianlong.com/upload/01/08/29/68/1082968_1136014649812.gif
psac 目前離線  
送花文章: 3, 收花文章: 1631 篇, 收花: 3205 次
有 3 位會員向 psac 送花:
chu9066082 (2010-04-30),h0810119 (2007-07-01),longlie (2007-10-21)
感謝您發表一篇好文章
 


主題工具
顯示模式

發表規則
不可以發文
不可以回覆主題
不可以上傳附加檔案
不可以編輯您的文章

論壇啟用 BB 語法
論壇啟用 表情符號
論壇啟用 [IMG] 語法
論壇禁用 HTML 語法
Trackbacks are 禁用
Pingbacks are 禁用
Refbacks are 禁用


所有時間均為台北時間。現在的時間是 09:40 PM


Powered by vBulletin® 版本 3.6.8
版權所有 ©2000 - 2024, Jelsoft Enterprises Ltd.


SEO by vBSEO 3.6.1