JavaScript特效執行個體001-開啟新視窗顯示廣告資訊

JavaScript特效執行個體001-開啟新視窗顯示廣告資訊
執行個體001 開啟新視窗顯示廣告資訊執行個體說明本執行個體要在視窗每次被載入的時候彈出一個廣告對話方塊。技術要點本執行個體主要應用JavaScript的window對象。

window對象的常用方法

方法	說明
alert()	彈出一個警告對話方塊
confirm()	在確認對話方塊中顯示指定的字串
prompt()	彈出一個提示對話方塊
close()	關閉被引用的視窗
focus()	將被引用的視窗放在所有開啟視窗的前面
open()	開啟新瀏覽器視窗並且顯示由URL或名字引用的文檔，並設定建立視窗的屬性
resizeTo(x,y)	設定視窗的大小
resizeBy(offsetx,offsety)	按照指定的位移量設定視窗的大小

應用JavaScript的open()方法可以開啟瀏覽器視窗. 使用window對象開啟視窗的文法格式如下。

WindowVar = window.open(url,windowname,location);

參數說明如下： 1.WindowVar:當前開啟視窗的控制代碼。 2.url:目標視窗的URL。 3.windowname:window:對象的名稱。 4.location:對視窗屬性進行設定。

對視窗屬性進行設定的選擇性參數

屬性	說明
width	視窗的寬度
height	視窗的高度
scrollbars	是否顯示捲軸
resizable	設定視窗大小是否固定
toolbar	瀏覽器工具條，包括後退及前進按鈕等
menubar	菜單條，一般包括有檔案，編輯及其他一些條目
location	定位區，也叫地址欄，是可以輸入URL的瀏覽器文本區
direction	更新資訊按鈕

實現過程（1）首先建立用於彈出廣告資訊的頁面，在該頁面中添加所要宣傳的廣告資訊。 new.html

（2）在index.html頁面寫上JS代碼實現功能
index.html

<script type="text/jscript" language="javascript">window.open("new.html","new","height=280,width=800,top=10,left=20,resizable=no, location=no",false); </script>

網站首頁

註：style標籤的內容為css的知識，我們關注的是script標籤內的內容。 這樣我們的這個執行個體就做好了。