1首先，打開html編輯器，新建html文件，例如indexhtml，輸入問題基礎(chǔ)代碼2在indexhtml中的ltbody標(biāo)簽中，輸入js代碼function fun alert#39click success！#39 3瀏覽器運(yùn)行indexhtml頁面，此時(shí)點(diǎn)擊按鈕。

實(shí)現(xiàn)原理displayblock 把代碼直接復(fù)制看效果 lt！DOCTYPE html lthtml lang=quotenquot lthead ltmeta charset=quotUTF8quot ltmeta name=quotviewportquot content=quotwidth=devicewidth， initialscale=10quot ltmeta。

通過fixed定位實(shí)現(xiàn)， quotmaskboxquot 模擬背景，quotdialogboxquot作為彈窗容器，里面寫彈窗的內(nèi)容通過控制樣式，切換 displayblock display 實(shí)現(xiàn)點(diǎn)擊出現(xiàn)點(diǎn)擊關(guān)閉彈窗maskbox * 切換 displayblock。

5首先用Tk這個(gè)模塊創(chuàng)建一個(gè)窗口windows，然后定義一個(gè)按鈕button，按鈕的名稱是press，按下去以后的響應(yīng)命令command是剛才定義的reply函數(shù)6代碼確認(rèn)無誤后，點(diǎn)擊pycharm頁面右上角的tkinter_tpy文件名旁邊的綠色三角按。

這個(gè)是html和JavaScript的基礎(chǔ)，其中按鈕是寫在html中，彈出事件寫在JavaScript中具體代碼如下 JavaScript function tan alertquotHELLOquot html ltinput type=button value=按鈕 onclick=tan。

這個(gè)超級(jí)簡單 ltscript type=quottextjavascriptquot function a alertquotwelcome to topjobjquot ltscript ltinput type=quotbuttonquot value=“按鈕” onClick=quotjavascriptaquot。

1html代碼 ltdiv onclick = quotaaquot id=quotdiv1quotltdiv 2第二部，定義函數(shù) function aa alertquot點(diǎn)擊div，觸發(fā)彈窗事件quot。

見下圖2第二步，完成上述步驟后，在indexhtml的ltbody標(biāo)記中，輸入js代碼，見下圖3第三步，完成上述步驟后，瀏覽器運(yùn)行indexhtml頁面 這時(shí)，單擊按鈕將彈出一個(gè)提示框，見下圖這樣，以上的問題就解決了。

首先根據(jù)需求我們需要一個(gè)按鈕，一個(gè)彈出窗口層OK，廢話不多說按鈕就用一個(gè)基本的ltbutton class=quotbtnquotClick meltbutton ltdiv class=quotdialogquot我是浮動(dòng)的窗口ltdiv 我們要給浮動(dòng)層設(shè)置一下樣式 dialogwidth。

ltinput type=quotbuttonquot onClick=quotmsgbox1quot value=quot點(diǎn)擊彈出輸入框quot ltscript function msgboxn documentgetElementById#39inputbox#39styledisplay=n？#39block#39#39#39 * 點(diǎn)擊按鈕打開關(guān)閉 對(duì)話框 *。

我的思路是設(shè)置注冊的ltdiv初始時(shí)隱藏的，里面寫好各種表單，當(dāng)點(diǎn)擊頁面注冊按鈕時(shí)，讓初始隱藏的ltdiv顯示在最上面。

ltinput id=quottestquot提交ltinput提交按鈕 ltscript type=quottextjavascriptquot quot#testquotclickfunction 點(diǎn)擊事件 alertquothello，world！quot彈出的內(nèi)容 ltscript。

Confirm彈窗確認(rèn)，跳轉(zhuǎn)代碼，兩個(gè)結(jié)合起來就可以了。

首先你需要先做個(gè)有文本框的對(duì)話框，定位到想要顯示的位置，然后把他隱藏display，點(diǎn)擊相應(yīng)的按鈕讓他顯示就行了quotbottonquotclickfunction $quotdivquotshow。

這個(gè)需要javascript來實(shí)現(xiàn)，給按鈕添加點(diǎn)擊事件就可以了 ltscript function showNum alertquot888quot ltscript ltbody ltinput type=quotbuttonquot value=quottextquot onclick=quotshowNumquot ltbody。

ltinput type=quotbuttonquot value=quot點(diǎn)擊按鈕關(guān)閉divquot onclick=quotguanbiquotltinput ltdiv ltdiv ltbody lthtml 自己可以復(fù)制代碼運(yùn)行下， 應(yīng)該是你要弄的效果吧有不理解的可以追問我哦記得采納哦或者選為。