                        課程
                    
                        /前端開發
                        
                            /JavaScript
                        
                        /JavaScript入門篇

Javascript的值為什么會變成Hello world出現在上面？

想問下是什么原因呢？

1/是因為程序在執行HTML文件時會提前預加載或者預編譯script文件所以javascript的值被改變了；

2/是因為程序是按從上到下順序執行，然后執行到document.write("P標簽原始內容："+mycon.innerHTML);后將javascript的值改為Hello world.

想請教下這兩種哪種對的呢？還是有其他的解釋？謝謝

suBJuly

2017-04-17

源自：JavaScript入門篇 3-3

關注問題我要回答

1524

操作

收起

5 回答

我不是管家回答被采納 +3 積分
2017-04-19

<!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");
??var?mychar=document.getElementById("con");
??//很神奇的發現??mychar?這個變量是undined,為什么呢，因為此時<body></body>里面的代碼瀏覽器還沒有開始看
??//?所以你通過id來找document.getElementById("con")是找不到的;,所以下面的mychar的變量都是無意義的
??//結果就是js代碼失效
??document.write("原標題:"+mychar.innerHTML+"<br>");?//輸出原h2標簽內容
??mychar.innerHTML="Hello?world!";
??document.write("修改后的標題:"+mychar.innerHTML);?//輸出修改后h2標簽內容
??
??//所以要么把script里面的內容放在下面，一定要放在你要獲取id節點下面，比如你沒有用到p標簽，其實放在p標簽上面，和下面也行
??//2,通過window.onload=function(){?你的js代碼??}，的方法，他的作用是當頁面加載完之后開始調用
??
??
</script>
</head>
<body>
<h2?id="con">javascript</h2>
<p>?JavaScript是一種基于對象、事件驅動的簡單腳本語言，嵌入在HTML文檔中，由瀏覽器負責解釋和執行，在網頁上產生動態的顯示效果并實現與用戶交互功能。</p>
</body>
</html>

0 回復有任何疑惑可以回復我~

收起回答

suBJuly 提問者

OK 懂了。萬分感謝！以后不懂的還望指教一二。

2017-04-19 回復有任何疑惑可以回復我~

我不是管家回復 suBJuly 提問者

沒事，我也在鞏固一下自己的基礎，準備吧原生js從頭看一遍

2017-04-19 回復有任何疑惑可以回復我~

suBJuly 提問者
2017-04-19

<!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("原標題:"+mychar.innerHTML+"<br>");?//輸出原h2標簽內容
??mychar.innerHTML="Hello?world!";
??document.write("修改后的標題:"+mychar.innerHTML);?//輸出修改后h2標簽內容
</script>
</head>
<body>
<h2?id="con">javascript</h2>
<p>?JavaScript是一種基于對象、事件驅動的簡單腳本語言，嵌入在HTML文檔中，由瀏覽器負責解釋和執行，在網頁上產生動態的顯示效果并實現與用戶交互功能。</p>
</body>
</html>

0 回復有任何疑惑可以回復我~

收起回答