我們來看看如何寫入JS代碼？你只需一步操作,使用<script>標簽在HTML網頁中插入JavaScript代碼。注意， <script>標簽要成對出現，並把JavaScript代碼寫在<script></script>之間。尤其注意的是<script type="text/javascript">表示在<script></script>之間的是文本類型(text),javascript是為了告訴瀏覽器里面的文本是屬於JavaScript語言。
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>javascript插入頁面</title> 6 <script type="text/javascript"> 7 document.write("hello javascript") 8 </script> 9 </head> 10 <body> 11 </body> 12 </html>
JavaScript代碼只能寫在HTML文件中嗎?當然不是，我們可以把HTML文件和JS代碼分開,並單獨創建一個JavaScript文件(簡稱JS文件),其文件后綴通常為.js，然后將JS代碼直接寫在JS文件中；在JS文件中，不需要<script>標簽,直接編寫JavaScript代碼就可以了。當然這樣一個JS文件不能直接運行，就像css外部文件引入一樣，我們還需要需把js文件嵌入到HTML文件中執行，我們需在HTML中添加<script src="js文件路徑" type="text/javascript" charset="utf-8"></script>，就可將JS文件嵌入HTML文件中。
1 <!DOCTYPE html> 2 <html lang="zh"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <meta http-equiv="X-UA-Compatible" content="ie=edge"> 7 <title>javascript外部文件引入</title> 8 <script src="demo2.js" type="text/javascript" charset="utf-8"></script> 9 </head> 10 <body> 11 </body> 12 </html>
插入得js文件書寫
1 //書寫js代碼 2 document.write("我是demo2文件")
我們可以將JavaScript代碼放在html文件中任何位置，但是我們一般放在網頁的head或者body部分。
放在<head>部分：最常用的方式是在頁面中head部分放置<script>元素，瀏覽器解析head部分就會執行這個代碼，然后才解析頁面的其余部分。
放在<body>部分：JavaScript代碼在網頁讀取到該語句的時候就會執行。
☆:javascript作為一種腳本語言可以放在html頁面中任何位置，但是瀏覽器解釋html時是按先后順序的，所以前面的script就先被執行。比如進行頁面顯示初始化的js必須放在head里面，因為初始化都要求提前進行（如給頁面body設置css等）；而如果是通過事件調用執行的function那么對位置沒什么要求的。=>這里就可以解釋“為什么學習javascript”中的<script type="text/javascript">{document.write("試一試了，說不定可以的");document.getElementById("box2").style.background="red";}</script>的js為什么放置在head標簽內，文件會報錯