使用js實現(xiàn)關(guān)閉js彈出層的窗口
<script type="text/javascript">
function toggle() {
theObj = document.getElementById('Sunyanzi').style;
if ( theObj.display == "none" ) theObj.display = "block"; else theObj.display = "none";
}
</script>
<div id="Sunyanzi" style="display:none">你看我出現(xiàn)了~~~</div>
<br />
<input type="button" onclick="toggle()" value="點一下試試看 ...?" />
兩種方法：去除和隱藏
//創(chuàng)建你的彈出層
var dvMsg = document.createElement("div");
strHtml = "<div class='####'>彈出層內(nèi)容</div>"
strHtml += " <div class='####'><input type='button' value='關(guān)閉' onclick='btnclick()'></div>"
dvMsg.innerHTML = strHtml;
document.body.appendChild(dvMsg);
// 關(guān)閉按鈕
btnclick = function (){
document.body.removeChild(dvMsg);
-------------------------
或者 彈出層用div id標(biāo)記
<div id="tanchu">彈出層內(nèi)容</div>
js里
function open(){
document.getElementById(tanchu).style.display=""; //顯示
}
function close(){
document.getElementById(tanchu).style.display="none"; //不顯示（頁面初始化的時候同樣加載一遍）
}
相關(guān)文章
在JavaScript中日期時間函數(shù)是一組用于操作和處理日期和時間的函數(shù),這些函數(shù)可以用于獲取當(dāng)前日期和時間、格式化日期和時間、計算日期和時間的差異、轉(zhuǎn)換日期和時間的格式等,這篇文章主要給大家介紹了關(guān)于Javascript日期時間函數(shù)的使用方法,需要的朋友可以參考下2024-02-02
js中火星坐標(biāo)、百度坐標(biāo)、WGS84坐標(biāo)轉(zhuǎn)換實現(xiàn)方法示例
這篇文章主要介紹了js中火星坐標(biāo)、百度坐標(biāo)、WGS84坐標(biāo)轉(zhuǎn)換實現(xiàn)方法,涉及JavaScript數(shù)值計算相關(guān)操作技巧,需要的朋友可以參考下2020-03-03
ES6解構(gòu)賦值(數(shù)組,對象,函數(shù))使用詳解
這篇文章主要介紹了ES6解構(gòu)賦值(數(shù)組,對象,函數(shù))使用詳解,JavaScript 中最常用的兩種數(shù)據(jù)結(jié)構(gòu)是 Object 和 Array，解構(gòu)操作對那些具有很多參數(shù)和默認(rèn)值等的函數(shù)也很奏效，本文通過實例代碼詳細(xì)講解需要的朋友可以參考下2022-11-11
這篇文章主要教大家如何簡單實現(xiàn)jQuery輪播效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-08-08
這篇文章主要介紹了小程序測試后臺服務(wù)的方法(ngrok)，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2019-03-03
給超鏈接添加特效鼠標(biāo)移動展示提示信息且隨鼠標(biāo)移動
需要實現(xiàn)這樣的效果，就是給超鏈接添加特效當(dāng)鼠標(biāo)移動到上展示提示信息且提示信息跟隨鼠標(biāo)移動，經(jīng)測試還不錯，感興趣的朋友可以參考下2013-10-10
js刪除對象/數(shù)組中null、undefined、空對象及空數(shù)組方法示例
這篇文章主要給大家介紹了關(guān)于js刪除對象/數(shù)組中null、undefined、空對象及空數(shù)組的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，需要的朋友可以參考借鑒，下面隨著小編一起來看看吧2018-11-11
這篇文章主要介紹了JS判斷網(wǎng)頁廣告是否被瀏覽器攔截過濾的代碼,需要的朋友可以參考下2015-04-04
JavaScript樹形結(jié)構(gòu)數(shù)組處理之遞歸問題
這篇文章主要介紹了JavaScript樹形結(jié)構(gòu)數(shù)組處理之遞歸問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-06-06
這篇文章主要教大家如何簡單實現(xiàn)JS倒計時效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-12-12