當前位置:軟件學堂 > 資訊首頁 > 網(wǎng)絡編程 > 編程其他 > JS代碼創(chuàng)建彈出窗口

JS代碼創(chuàng)建彈出窗口

2012/11/3 12:21:18作者:佚名來源:網(wǎng)絡

移動端

【實例名稱】

JS代碼創(chuàng)建彈出窗口

【實例描述】

為了提示用戶操作,有時候需要彈出窗口顯示提示信息,可以使用div層實現(xiàn)。本例學習使用JavaScript實現(xiàn)彈出窗口式的提示功能。

【實例代碼】

<html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>標題頁-學無憂(wangbatian.cn)</title> <script language="javascript">   var oPopup = window.createPopup();   //彈出窗口對象   var oPopupBody = oPopup.document.body;  //彈出窗口對象的文檔對象   oPopupBody.innerHTML = "這里是一個<strong>彈出窗口</strong>"; //文檔內容   oPopup.show(200, 100, 260, 50, document.body);  //指定大小的窗口,顯示文本內容 </script> </head> <body>  </body> </html>

 

【運行效果】

 創(chuàng)建彈出窗口運行效果

【難點剖析】

彈出窗口類似于一個div層,沒有菜單欄和標題欄等?!皐indow.createPopup”方法用來創(chuàng)建一個彈出式窗口,“show”方法用來指定彈出窗口的位置和內容。

【源碼下載】

為了JS代碼的準確性,請點擊:創(chuàng)建彈出窗口 進行本實例源碼下載