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

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

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

移動(dòng)端

【實(shí)例名稱(chēng)】

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

【實(shí)例描述】

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

【實(shí)例代碼】

<html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>標(biāo)題頁(yè)-學(xué)無(wú)憂(yōu)(denvermotorcycleaccidentlawyer.com)</title> <script language="javascript">   var oPopup = window.createPopup();   //彈出窗口對(duì)象   var oPopupBody = oPopup.document.body;  //彈出窗口對(duì)象的文檔對(duì)象   oPopupBody.innerHTML = "這里是一個(gè)<strong>彈出窗口</strong>"; //文檔內(nèi)容   oPopup.show(200, 100, 260, 50, document.body);  //指定大小的窗口,顯示文本內(nèi)容 </script> </head> <body>  </body> </html>

 

【運(yùn)行效果】

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

【難點(diǎn)剖析】

彈出窗口類(lèi)似于一個(gè)div層,沒(méi)有菜單欄和標(biāo)題欄等。“window.createPopup”方法用來(lái)創(chuàng)建一個(gè)彈出式窗口,“show”方法用來(lái)指定彈出窗口的位置和內(nèi)容。

【源碼下載】

為了JS代碼的準(zhǔn)確性,請(qǐng)點(diǎn)擊:創(chuàng)建彈出窗口 進(jìn)行本實(shí)例源碼下載