在Chrome中，警報在執行彈出窗口之前不會顯示HTML
[英]In Chrome alert doesn't show HTML until pop up is executed
問題描述
我剛開始學習JavaScript而且我遇到了警報問題。 在Chrome中，警報在執行彈出窗口之前不會顯示HTML。
的index.html
<!DOCTYPE html>
<html>
<head>
<title>JavaScript</title>
</head>
<body>
<h1>JavaScript in HTML</h1>
<script type="text/javascript" src="script.js"></script>
</body>
</html>
的script.js
alert("Helo!");
3 個解決方案
解決方案1
3 2018-07-31 16:40:34
當load事件發生時，向窗口對象添加事件偵聽器並在事件處理程序中調用alert ：
window.addEventListener('load', function() {
alert('Helo!');
})
<!DOCTYPE html> <html> <head> <title>JavaScript</title> </head> <body> <h1>JavaScript in HTML</h1> <script> window.addEventListener('load', function () { alert('Helo!'); }) </script> </body> </html>
或者向文檔添加一個事件監聽器，並使用帶有0延遲的setTimeout來推遲DOMContentLoaded事件處理程序中的alert執行：
document.addEventListener('DOMContentLoaded', function() {
setTimeout(function() {
alert('Helo!');
}, 0);
});
<!DOCTYPE html> <html> <head> <title>JavaScript</title> </head> <body> <h1>JavaScript in HTML</h1> <script> document.addEventListener('DOMContentLoaded', function() { setTimeout(function() { alert('Helo!'); }, 0); }); </script> </body> </html>
解決方案2
2 2018-07-31 16:37:49
參考@ epascarello的注釋，您需要在元素或窗口的加載時添加警報。 像這樣的東西。 window.onload = function() {alert('hello');};
解決方案3
2 2018-07-31 16:39:13
此警報阻止了html的加載。 在加載html后使用生命周期來調用javascript。
<script>
window.onload = function() {
alert("hello")
};
</script>
這段代碼的作用是檢查瀏覽器窗口是否已加載。 發生這種情況時，您運行包含腳本的函數。
為什么Chrome在取消提示之前不會顯示應用的html更改？
[英]Why Chrome doesn't show applied html changes until the prompt got cancelled?
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.