1首先打開是hbuilder編輯器，打開后新建一個空白的html文檔，在里面創(chuàng)建一個input按鈕，和一個div并給div的id屬性設(shè)置為btn，同時設(shè)置樣式，設(shè)置div的高度和寬度并把display的屬性值設(shè)置為就可以了2然后在下方寫入；6js彈出對話框彈出的窗口之定時關(guān)閉控制下面我們再對js彈出對話框的窗口進(jìn)行一些控制，效果就更好了如果我們再將一小段代碼加入彈出的頁面注意是加入到pagehtml的HTML中，可不是主頁面中，否則，讓它10秒后自動關(guān)閉是不。

lt！DOCTYPE htmllthtml lang=quotenquotltheadltmeta charset=quotUTF8quotlttitleDocumentlttitleltstyle#coverposition fixedtop 0left 0height 100%width 100%backgroundcolor rgba0，0，0，03；5在主窗口中打開文件1htm，同時會彈出一個小窗口pagehtml以下代碼被添加到主窗口中 復(fù)制代碼如下查看代碼 pagehtml 加入 復(fù)制代碼如下去做吧6js彈出對話框彈出窗口定時關(guān)閉控件我們來控制js彈出對話框的窗。

===測試可運行，里面具體內(nèi)容自己添加ltinput type=quotbuttonquot value=quot點擊這里quot onclick=quotsAlert#39測試效果ltbr還可以直接書寫HTML代碼 ltbr#169 2006#39quot ltscript type=quottextjavascriptquot language=quotjavascript；ltINPUT TYPE=#39BUTTON#39 VALUE=#39關(guān)閉#39 onClick=#39windowclose#39 ltFORM 第二招讓彈出窗口自己定時關(guān)閉 首先，將如下代碼加入pop1html文件的lthead和lthead之間ltscript language=quotjavascriptquot lt！ function。

為什么先說第二種情況呢因為第一種情況比較麻煩，而且也要知道絕對定位是如何進(jìn)行定位的才行需要用JS判斷點擊的申請加入是哪一個，根據(jù)點擊的這個按鈕的位置來計算偏移量，再進(jìn)行定位寫了這么多字累了，才發(fā)現(xiàn)沒有懸賞；拓展HTML代碼最終實現(xiàn)彈窗效果我們需要做的就是在某個鏈接或者按鈕的對應(yīng)事件上添加JS函數(shù)“showPopup ”即可比如，需要在鼠標(biāo)移動到某連接上時彈出窗口lta href=quot#quot onmouseover=quotshowPopup300，200quot Open。

語法 prompttext，defaultText參數(shù) text 可選要在對話框中顯示的純文本而不是 HTML 格式的文本defaultText 可選默認(rèn)的輸入文本說明 如果用戶單擊提示框的取消按鈕，則返回 null如果用戶單擊確認(rèn)按鈕。

function del if windowconfirmquot是否確認(rèn)要刪除？quot 確認(rèn)時做的操作 alertquot點的確認(rèn)quot else 取消時做的操作 alertquot點的取消quot ltinput type=quotbuttonquot value=quot刪除quot onclick=quot；name！=quotquot documentwritequot你好，quot + name + quot今天過得好嗎quot ltscript lthead ltbody ltinput type=quotbuttonquot onclick=quotdisp_promptquot value=quot顯示一個提示框quot ltbody lthtml。

js中點擊一個按鈕彈出一個file文件框的步驟如下1在文件夾中創(chuàng)建一個html文件“test”2在test文件中添加一個html的框架3添加兩個input，一個是button，一個是file把id設(shè)置為“open”style類型設(shè)置為“display；HTMLltinput type=quotbuttonquot id=quotButton1quot value=quot請選擇quot onclick=quotpleasecheckquotJSfunction pleasecheck var inputObj = documentcreateElement#39input#39 inputObjsetAttribute#39id#39， #39_ef#39。

1點擊按鈕 2出現(xiàn)一個自己控制的500*200的彈框，同時瀏覽區(qū)背景為灰色 3點擊紅色區(qū)域右上角X號，彈窗會消失；首先根據(jù)需求我們需要一個按鈕，一個彈出窗口層OK，廢話不多說按鈕就用一個基本的ltbutton class=quotbtnquotClick meltbutton ltdiv class=quotdialogquot我是浮動的窗口ltdiv 我們要給浮動層設(shè)置一下樣式 dialogwidth。