原生js控制控制 彈窗的顯示和隱藏

2022-04-04 14:28:35 字數 746 閱讀 3548

以防浪費大家的時間,還是先上效果圖吧,滿足您的需求就往下look吧。

重要知識點:點選其他地方,也就是除了小叉子之外的地方也能夠關閉彈窗哦。**已標紅

點選彈出

我是彈框中的內容

×css**:

*body

button

#modal

#modal .win

.win span

.win p

js**:

var btn=document.getelementbyid("btn");

var modal=document.getelementbyid("modal");

var close=document.getelementsbyclassname("close");

//點選按鈕,彈出彈框

function openframe()

//點選叉號,關閉彈窗

function closeframe()

//點選其他地方視窗隱藏

window.onclick=function(e)

}每篇隨筆必加內容:

小白一枚,如有大神路過請手下留情,多多指教哦。

JS 原生JS的控制Object能否修改

三種方式可以控制 object.preventextensions 不能新增 可以修改 object.seal 不能刪除 不能新增 可以修改 object.freeze 一旦物件使用 就被認為是不可改變的 不能刪除 不能新增 不能修改 注釋 如果物件的屬性本身是乙個物件的話 這個物件是可以更新的 o...

js控制按鈕,div顯示和隱藏

點我一下 方法 一 mymodal show 顯示 mymodal hide 隱藏 方法二 mymodal css display none 隱藏 mymodal css display block 顯示 演示方法 mymodal click function 如果出現排版問題,刪除block my...

JS控制頁面控制項顯示和隱藏

方法一 document.getelementbyid eleid style.visibility hidden document.getelementbyid eleid style.visibility visible 利用上述方法實現隱藏後,頁面的位置還被控制項占用,顯示空白。方法二 doc...