2 回答

TA貢獻1844條經(jīng)驗 獲得超8個贊
我想說艾森的回答在技術(shù)上是正確的。值得告知您為什么會發(fā)生這種情況。
看這里。
var modal = document.getElementById("myModal");
window.onload = function(){
modal.style.display = "block";
}
注意變量modal。它是在您擁有的任何范圍內(nèi)定義的。
現(xiàn)在,請注意 window.onload 是另一個函數(shù)。這打破了模態(tài)變量的范圍和可用性。
但是,您可以使用 Eisson 的答案。這將從上一個在 onload 函數(shù)之外無法訪問的范圍渲染中移除模式。
所以你可以做的是將上面提供的代碼更改為
window.onload = () => {
modal.style.display = "block";
}
您可以在此資源上了解函數(shù)和箭頭函數(shù)之間的一些技術(shù)差異。艾森和我自己的答案都可以。我的回答在您指定的范圍內(nèi)留下了模態(tài),并且對您提供的樣板進行了最低限度的更改。

TA貢獻1804條經(jīng)驗 獲得超8個贊
這是工作:https ://codepen.io/elipio/pen/mdJgyYK
window.onload = function(e){
var modal = document.getElementById("myModal");
var btn = document.getElementById("myBtn");
modal.style.display = "block";
}
問題是您必須在加載整個頁面時使用這些方法。這發(fā)生在 window.onload 事件中。
希望這有幫助。
添加回答
舉報