關(guān)于Js的插入形式
<script type="text/javascript">
?? ?document.write("hello");
?? ?document.getElementById("p1").style.color="blue";
? </script>
這一段代碼在body中能夠使p1字段變成藍(lán)色,為什么在head中就不行
<script type="text/javascript">
?? ?document.write("hello");
?? ?document.getElementById("p1").style.color="blue";
? </script>
這一段代碼在body中能夠使p1字段變成藍(lán)色,為什么在head中就不行
2017-07-14
舉報
2017-07-14
JS代碼按從上到下順序解析,當(dāng)你把JS代碼放在head中的時候,網(wǎng)頁先解析你的JS代碼,這時并沒有id為"p1"的p元素存在,因此這段代碼沒有對網(wǎng)頁產(chǎn)生任何影響;而當(dāng)你放在body中時,我想也同樣把JS代碼放在了p元素后面吧?這樣的話,p元素先被解析出來,之后JS就會對其的色彩樣式產(chǎn)生影響。你可以試試把JS代碼放在body中,p元素之前,同樣也應(yīng)該是沒有效果的
2017-07-14
試試把js放到p1元素樣式后面看看,代碼運行是先運行head再運行body的
2017-07-14
emmmm,那js和css的樣式設(shè)置有什么不一樣呢?css的樣式設(shè)置就算在head里面也都是可以執(zhí)行的呀
2017-07-14
因為是順序執(zhí)行,P1段在head之后,所以此局是個無效語句,直接跳過