JS引入方式、書寫位置
阿新 • • 發佈：2018-11-26
js引入方式
一、書寫位置（大致有3個地方）：
-
head頭部中；
-
body的不論什麼位置；
-
以事件的形式寫在標籤上。
e.g.
<p onclick="alert('叫你點，你就點啊')">點我</p>
<p onclick="javascript:alert('javascript字首，效果同上')">點我</p>
二、引入方式
注：採用不同引入方式引入的JS程式碼最終還是在一起執行的，互相有聯絡。遵循從左往右，從上往下執行順序依次執行。
1. 嵌入方式：
寫在頁面內部，理論上是可以寫在頁面任何位置。一般寫在head中，body後
<body>
<script type="text/javascript">
<!--js程式碼-->
alert('歡迎');
</script>
</body>
2. 引入方式：
很多html頁面都可以呼叫設定的js頁面
<head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> <!--引入js--> <script src="js/demo.js"></script> </head> <body> <!--引入js--> <script src="js/demo.js"></script> </body>
注：引入的script標籤是不能在插入其他內容的
3. 在事件後面呼叫
<p onclick="alert('叫你點，你就點啊')">點我</p>
<p onclick="javascript:alert('javascript字首，效果同上')">點我</p>
<!--onclick:點選觸發一個事件，alert：彈出一個提示框-->
效果圖：
