【JavaScript的引入fang】
阿新 • • 發佈:2018-01-06
java 按鈕 復制 基本 XML 事件驅動 文件的 總結 頁面
javascript: 是基於對象和事件驅動的客戶端腳本 |
總結下,常用的一下幾種方式引入js代碼:
1、頁頭引入(head標簽內);
2、頁中引入(body標簽內);
3、元素事件中引入(標簽屬性中引入);
4、引入外部JS文件;
一、頁頭引入JS
在頁頭引入JS,指的就是在<head></head>標簽內編寫JavaScript。
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title></title> 5 <script type="text/javascript"> 6 //這裏編寫JavaScript程序 7 </script> 8 </head> 9 <body> 10 </body> 11 </html>
說明:
<script type="text/javascript">……</script>格式是固定的,JavaScript代碼必須在<script></script>標簽內編寫,並且必須設置type屬性值為“text/javascript”。
<script type="text/javascript">……</script>這句語句要記憶的喔,別到時候寫個JavaScript程序連這句都要回來這裏復制代碼過去呀。
二、頁中引入JS
在頁中引入JS,指的就是在<body></body>標簽內編寫JavaScript。
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title></title> 5 </head> 6 <body> 7 <script type="text/javascript"> 8 //這裏編寫JavaScript程序 9 </script> 10 </body> 11 </html>
三、元素事件中引入JS
在元素事件中引入JS,就是指在元素的某一個屬性中直接編寫JavaScript程序或調用,這個屬性指的是元素的“事件屬性”。
1 <!DOCTYPE html> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <title></title> 5 </head> 6 <body> 7 <input type="button" onClick="alert(‘綠葉學習網‘)" value="按鈕"/> 8 </body> 9 </html>
四、引入外部JS文件
引入外部JS文件,說白了就是把JavaScript程序存放在一個後綴名為.js的文件中,然後使用script標簽來引用。此外,引用外部JS文件的script標簽可以放在head標簽內,也可以放在body標簽中。一般只有用些插件寫在head內,大多數是寫在body內最下面,因為在加載頁面時css和html是先加載的。
1 <script src="js/index.js" type="text/javascript"></script>
這就是一些常用的js引入方式咯~~~~
【JavaScript的引入fang】