首頁(yè) 猿問(wèn) javascript

javascript

JavaScript

qq_禁滅生_03414590 2017-01-11 10:31:10

為什么這么寫Javascript沒(méi)效果<!DOCTYPE HTML><html><head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8"> <title>innerHTML</title> <script type="text/javascript"> var mychar=document.getElementById("con"); document.write("原標(biāo)題:"+mychar.innerHTML+"<br>"); mychar.innerHTML="Hello world"; document.write("修改后的標(biāo)題:"+mychar.innerHTML); </script></head><body> <h2 id="con">javascript</h2> <p>哈撒艱苦大會(huì)是單卡寄售點(diǎn)卡接撒活動(dòng)會(huì)計(jì)師大會(huì)開始覺(jué)得很</p></body></html>

查看完整描述

4 回答

已采納

心有猛虎_細(xì)嗅薔薇

TA貢獻(xiàn)119條經(jīng)驗(yàn) 獲得超250個(gè)贊

效果圖：

把<script type="text/javascript">

包含在<body>里面

<!DOCTYPE?HTML>
<html>
<head>
????<meta?http-equiv="Content-Type"?content="text/html;charset=utf-8">
????<title>innerHTML</title>
</head>
<body>
<h2?id="con">javascript</h2>
<p>哈撒艱苦大會(huì)是單卡寄售點(diǎn)卡接撒活動(dòng)會(huì)計(jì)師大會(huì)開始覺(jué)得很</p>
<script?type="text/javascript">
????var?mychar=document.getElementById("con");
????document.write("原標(biāo)題:"+mychar.innerHTML+"<br>");
????mychar.innerHTML="Hello?world";????????????????????//修改P元素內(nèi)容
????document.write("修改后的標(biāo)題:"+mychar.innerHTML);
</script>
</body>
</html>

問(wèn)題分析的關(guān)鍵點(diǎn)：<script>標(biāo)簽放在那里最合適：

javascript是順序執(zhí)行的，放在head里，如果javascript代碼使用了body里的元素，如
document.getElementById("con");因?yàn)閎ody還沒(méi)載入，所以訪問(wèn)不到，就會(huì)出錯(cuò)，沒(méi)有效果。

建議：最好把<script>標(biāo)簽放在HTML文檔的最后，這樣能使瀏覽器更快地加載頁(yè)面。

6 反對(duì) 回復(fù) 2017-01-11

慕妹5461943

TA貢獻(xiàn)290條經(jīng)驗(yàn) 獲得超0個(gè)贊

佝旮痔

反對(duì) 回復(fù) 2021-10-17

peterJS

TA貢獻(xiàn)6條經(jīng)驗(yàn) 獲得超1個(gè)贊

兩個(gè)關(guān)鍵點(diǎn)，第一個(gè)瀏覽器執(zhí)行代碼的順序，是從上到下依次執(zhí)行的，所以你把script標(biāo)簽放在head標(biāo)簽里面是獲取不到元素的，第二個(gè)就是通過(guò)一些標(biāo)簽屬性or事件來(lái)控制js代碼的執(zhí)行，如原生中的onload，jq中的ready等，多寫幾次就明白了，加油吧！

反對(duì) 回復(fù) 2017-01-11