如何插入js,引用外部js,js在頁面中的位置

時間 2020-03-11

原文原文鏈接

咱們來看看如何寫入JS代碼？你只需一步操做,使用<script>標籤在HTML網頁中插入JavaScript代碼。注意， <script>標籤要成對出現，並把JavaScript代碼寫在<script></script>之間。尤爲注意的是<script type="text/javascript">表示在<script></script>之間的是文本類型(text),javascript是爲了告訴瀏覽器裏面的文本是屬於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文件中。css

 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文件書寫html

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標籤內，文件會報錯java

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。