DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> Javascript實例教程(1) 創建彈出式窗口
Javascript實例教程(1) 創建彈出式窗口
編輯:關於JavaScript     
利用javascript創建彈出式窗口

好吧,言歸正轉,開始我們的第一個教程吧。利用Javascript創建彈出式窗口的目的實際上是打開另外的浏覽器窗口。你可以設置這個浏覽器窗口的一些屬性,如高度、寬度以及是否讓該窗口有一個狀態條或者工具條。在下面的例子中,我將窗口設置為:350
x 400,即高度為350像素,寬度為400像素;其中也包括了另外的一些設置,如滾動條;而將其它的設置(如狀態條、菜單條)都設置為沒有(no)。


下面是具體的代碼,你可以將它放置到網頁的前面:


<SCRIPT LANGUAGE = "JavaScript">


function CreateWindow()


{


msgWindow=window.open("pop_win.html","displayWindow",


"toolbar=no,width=350,height=400,directories=no,


status=no,scrollbars=yes,resize=no,menubar=no")


}


</SCRIPT>


仔細體會一下這段代碼,其實就只用到一個window.open函數,是不是很簡單呀!你也許會問:那怎麼調用這段代碼呢?其實你不用著急,下面馬上會給出:


<FORM><INPUT TYPE = "button" VALUE = "創建窗口"


onClick = "CreateWindow()"></FORM>

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved