1. 程式人生 > >【JavaScript的引入fang】

【JavaScript的引入fang】

java 按鈕 復制 基本 XML 事件驅動 文件的 總結 頁面

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引入方式咯~~~~

【JavaScript的引入fang】