<script>標簽要成對出現,並把JavaScript代碼寫在<script></script>之間。尤其註意的是<script type="text/javascript">表示在<script></script>之間的是文本類型(text),javascript是為了告訴瀏覽器裡面的文本是屬於... ...
我們來看看如何寫入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標簽內,文件會報錯