【JavaScript的引入方式】


javascript:

   是基於對象和事件驅動的客戶端腳本
【組成】
  Bom:瀏覽對象模型(與瀏覽器交互的方法和接口)
  Dom:文檔對象模型(處理網頁內容的方法和接口)
  ecma:核心(描述了js的語法和基本對象)

 

總結下,常用的一下幾種方式引入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,可以使用<noscript></noscript>標簽,顯示noscript中的內容

這就是一些常用的js引入方式咯~~~~

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM