null和命令先后問題
<!DOCTYPE HTML>
<html>
<body>
? ? <p id=demo>length 屬性返回字符串的長度:</p>
<script>
? ?var len = document.getElementById("demo").innerHTML.length;
? ?if(len>=18)? //len>=18是判斷條件
? ?{ document.write("字符長度大于等于18。");
? ?document.getElementById("demo").innerHTML=null}//會隱藏掉<p>里的內(nèi)容,但是還是會顯示滿足條件后返回的內(nèi)容
? ?else?
? ?{ document.write("字符長度小于18。");}
? ?if(document.getElementById("demo").innerHTML=null)
? ?{document.write("p不在");}
? ? else??
? ?{ alert("p還在");}//明明p不在了,但是卻彈出p還在
</script>
</body>
</html>
問題:alert無論放在JS哪里,都會最先被執(zhí)行嗎?
2020-04-04
JavaScript執(zhí)行原理:
JavaScript 引擎是單線程運行的,瀏覽器無論在什么時候都只且只有一個線程在運行 JavaScript 程序,初衷是為了減少 DOM 等共享資源的沖突??墒菃尉€程永遠會面臨著一個問題,那就是某一段代碼阻塞會導(dǎo)致后續(xù)所有的任務(wù)都延遲。又由于 JavaScript 經(jīng)常需要操作頁面 DOM 和發(fā)送 HTTP 請求,這些 I/O 操作耗時一般都比較長,一旦阻塞,就會給用戶非常差的使用體驗。
于是便有了事件循環(huán)(event loop)的產(chǎn)生,JavaScript 將一些異步操作或 有I/O 阻塞的操作全都放到一個事件隊列,先順序執(zhí)行同步 CPU代碼,等到 JavaScript 引擎沒有同步代碼,CPU 空閑下來再讀取事件隊列的異步事件來
依次
執(zhí)行。分析:
由于頁面渲染是 DOM 操作,會被 JavaScript 引擎放入事件隊列;
alert()
?是 window 的內(nèi)置函數(shù),被認為是同步 CPU代碼;JavaScript 引擎會優(yōu)先執(zhí)行同步代碼,alert 彈窗先出現(xiàn);
alert 有特殊的阻塞性質(zhì),JavaScript 引擎的執(zhí)行被阻塞住;
點擊 alert 的“確定”,JavaScript 沒有了阻塞,執(zhí)行完同步代碼后,又讀取事件隊列里的 DOM 操作,頁面渲染完成。
解決:
使用setTimeout異步執(zhí)行,還有其他辦法例如替換alert等
setTimeout("alert('msg');",?3000);
同學(xué),希望你能看懂^_^
2020-04-04
不是,放在函數(shù)里面的話需要調(diào)用才會執(zhí)行,得看你alert放在哪里了