2 回答

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

TA貢獻1804條經驗 獲得超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";
}
問題是您必須在加載整個頁面時使用這些方法。這發生在 window.onload 事件中。
希望這有幫助。
添加回答
舉報