隨同主視窗同時彈出的附加小視窗

來源:互聯網
上載者:User
提示:您可以先修改部分代碼再運行

<html><head><script>window.open('../index.asp','網頁特效','toolbar=no,status=no,scrollbars=yes,left=100,top=50,width=250,height=50')</script><title>隨同主視窗同時彈出的附加小視窗</title><meta content="text/html; charset=gb2312" http-equiv="Content-Type"><style type="text/css">.head {COLOR: white; FONT-SIZE: 12px}.text {COLOR: #4a5284; FONT-SIZE: 12px; LINE-HEIGHT: 20px}.info {FONT-SIZE: 12px; LINE-HEIGHT: 20px}A {COLOR: #4a5284; FONT-SIZE: 12px; TEXT-DECORATION: none}A:hover {COLOR: #ff7222; FONT-SIZE: 12px; TEXT-DECORATION: underline}</style></head><body><table border="0" cellPadding="0" cellSpacing="0" width="100%" height="168"><TBODY> <tr> </tr> <tr> </tr> <tr> </tr></tBODY></table><table bgColor="#7e85b7" border="1" borderColorDark="#663300" borderColorLight="#ffffff"cellPadding="1" cellSpacing="2" class="head" width="100%"><TBODY> <tr align="middle"> </tr></tBODY></table><table border="0" cellPadding="0" cellSpacing="0" width="100%"><TBODY> <tr> <td><table align="center" border="0" cellPadding="0" cellSpacing="0" class="text" width="482"><TBODY> <tr> <td width="482"><dl> <dd align="center"><br> <font face="隸書" size="5" color="#0000FF">隨同主視窗同時彈出的附加小視窗</font><br> </dd> <p>  開啟一個視窗時自動彈出一個附加的小視窗,表示新訊息公告、重要提示資訊、當然,如果如果你是在用一些網站提供的免費空間做首頁的話,一般要設定這樣一個小視窗加入空間提供者的一些串連訊息,如現在網易就是這樣做的,<font face="宋體">彈出的附加小視窗有各種形式,如沒有工具列的、沒有捲軸的,其實製作並不難,</font>這裡,將有關方法全盤提供,你可以重新載入本頁,或單擊工具列按鈕“重新整理”,試一下,效果還不錯吧!</p> <p>      點擊一個連結新開一個視窗,而新開的視窗又與一般的瀏覽器視窗不同,看起來挺簡潔清爽的? <br>   其實這不怎麼複雜,用script語言的一個函數就可以了,這就是window對象的open函數,給大家詳細講一下這個函數的具體用法吧! <br>   1、開視窗: <br>    var hWnd=window.open('檔案URL','視窗名稱','視窗特性選項'),現一一講述 <br>    hWnd:如果熟悉window編程的話,對它並不陌生,它表示視窗控制代碼,代表視窗對象,進行指令碼編程時很有用,通過它可實現在父視窗中實現對子視窗的控制。 <br>    檔案URL:表示欲開啟檔案的URL地址,如果開啟檔案在本機伺服器可用相對路徑,否則就必須用URL路徑。 <br>    視窗名稱:表示開啟視窗的名稱,這個參數可要可不要,不過如果你用指令碼語言進行編程需要在兩個視窗之間傳遞一些資訊或參數時就需要了,我們可用window.name來取這個傳遞的參數值。 <br>    視窗特性選項其書寫格式為:option1=值,option2=值,option3=值 <br>    特性值主要有以下這些: </p> <p>選項  數值  意義 <br> toolbar yes/no 視窗是否有工具列 <br> location yes/no 視窗是否顯示地址欄 <br> directories yes/no 視窗是否提供目錄按鈕 <br> status yes/no 視窗底部是否顯示狀態列 <br> menubar yes/no 視窗是否有功能表列 <br> scrollbars yes/no 當內容顯示不完時,視窗是否允許出現捲軸 <br> resizable yes/no 視窗是否允許被縮放 <br> width 整數值(Integer) 視窗的寬度 <br> height 整數值(Integer) 視窗的高度 <br> left 整數值(Integer) 視窗離螢幕左邊的距離即座標X(螢幕左上方座標為0,0) <br> top 整數值(Integer) 視窗離螢幕頂部的距離即座標Y </p> <p>   好了,上邊的特性值中最常用的有Toolbar,scrollbars,width,heigth,top,left等,你不妨一個一個試試看,舉一個例(用Javascript編寫): <br> var myWindow=window.open('test.html','網頁陶吧',  'toolbar=no,status=no,scrollbars=yes,left=100,top=50,width=500,height=450') <br>   2、關閉視窗: <br>     如果你在當前視窗關閉自己,用window對象的close函數就可以了 <br>       格式為:window.close() <br>     如果是在父視窗關閉子視窗,其格式為 <br>       用子視窗控制代碼.close() <br>       如關閉上邊舉例所開的視窗則可用:myWindow.close() <br>   至於點擊一個連結開啟一個新視窗,有一點要注意連結標誌不僅可以連結檔案,還可以連結Script語句喲。 <br>  </p> </dl> </td> </tr></tBODY> </table> </td> </tr></tBODY></table><p align="center"><br></p></body></html>
提示:您可以先修改部分代碼再運行
相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.