js學習筆記——在html中嵌入腳本


一、在html中嵌入js代碼:

在html文件里嵌入js代碼主要有四種形式:

第一種是通過<script></script>標記,這種一般用來定義一些函數,放在body外;

第二種是通過文件形式導入,由<script>標記的src屬性指定路徑;

第三種是放在由句柄的屬性值指定;

第四種是使用javascript:協議。

(1)方法一:

1、把js代碼放在<script></script>標記之間;如:

<script>function square(x){return x*x;}</script>

2、一個html文檔可以包含多個<script>標記,執行順序是他們在文檔中出現的順序

 

(2)方法二:

放在由<script>標記的src屬性指定的外部文件中,src指定一個包含js代碼的文件的url;如:

<script src="http://www.cnblogs.com/scripts/util.js"></script>

 

(3)方法三:

1、放在事件句柄中,該事件句柄由onclick或onmouseover這樣的html屬性值指定;例如:要定義在用戶點擊表單中的復選框時調用事件句柄,只需把處理的代碼作為

定義復選框的html標記的屬性:

<input type="checkbox" name="options" value="giftwrap"
 onclick="giftwrap=this.checked;">

這里的onclick的屬性值是一個字符串,其中包含多個js語句,每條語句要用分號分開,當點擊onclick事件時,便執行這些js代碼;
2、常用的事件句柄:

onclick—— 所有類似按鈕的表單元素、<a>和<area>標記都支持該處理程序;

onmousedown,onmouseup——用法和onclick類似;

onmouseover,onmouseout;

onchange——<input>、<select>、<textarea>元素支持該事件句柄,在用戶改變了元素的顯示值,或移出了元素的焦點時觸發它;

onload——出現在<body>標記上,當文檔及其外部內容(圖像)完全載入的時候觸發它;

 

(4)方法四:

在一個url中,這個url使用特殊的javascript:協議;如:

javascript:var now = new Date();
"<h1>當前事件是:</h1>"+now;

當瀏覽器載入這樣一個javascript url,它會執行url中所包含的js代碼,並使用最后一個js語句或表達式的值,轉換為一個字符串,作為新載入的文檔內容顯示;

有時希望使用一個js url來執行某些js代碼而不改變當前顯示的文檔,這樣的話就要確保url最后一條語句沒有返回值:使用void 0;如:

javascript:window.open("about:blank");void 0;

如果沒有 void 0; 則新文檔顯示的內容為:[object Window]

二、由於js並非唯一的腳本化語言,為使瀏覽器能正確的解析腳本,必須告訴瀏覽器腳本是用哪種語言編寫的;使用http Content-srcipt-Type頭部來為一個文件指定默認的腳本語言,

要把所有的腳本指定為js,只需把如下標記放入到html文檔的<head>中:

<meta http-equiv="Content-Script-Type" content="text/javascript">

或者使用<script>標記的type屬性:

<script type="text/javascript">...</script>

 


免責聲明!

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



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