關于js的三種使用方式（行內(nèi)js、內(nèi)部js、外部js）的程序代碼

更新時間：2018年05月05日 15:24:47 作者：xuehyunyu

本文主要和大家介紹關于js的三種使用方式（行內(nèi)js、內(nèi)部js、外部js）的實例代碼,小編覺得挺不錯的,現(xiàn)在分享給大家

本文講述了js的三種使用方式（行內(nèi)js、內(nèi)部js、外部js）的實例代碼，感興趣的小伙伴們可以參考一下，具體如下：

1、行內(nèi)js：js不單獨寫出

<!DOCTYPE html> 
<html lang="en"> 
<head> 
 <meta charset="UTF-8"> 
 <title>js使用方式1：行內(nèi)js</title> 
</head> 
<body> 
<input type="button" value="點擊有驚喜" onclick="javascript:alert('哈哈哈哈')"> 
<!--onclick:點擊觸發(fā)一個事件，alert：彈出一個對話框--> 
</body> 
</html>

2、內(nèi)部js：script里的程序整個頁面都可以用

<!DOCTYPE html> 
<html lang="en"> 
<head> 
 <meta charset="UTF-8"> 
 <title>js使用方式2：內(nèi)部js</title> 
 <script type="text/javascript"> 
  //聲明一個函數(shù)(整個文檔都可以使用) 
  function surprise() { 
   alert('恭喜你中了一百萬')/*彈出框*/ 
  } 
 </script> 
</head> 
<body> 
<input type="button" value="點擊有驚喜" onclick="surprise()"><!--調(diào)用函數(shù)--> 
<input type="button" value="點擊" onclick="surprise()"> 
</body> 
</html>

3、外部js：很多html頁面都可以調(diào)用設定的js頁面

<!DOCTYPE html> 
<html lang="en"> 
<head> 
 <meta charset="UTF-8"> 
 <title>js使用方式3：外部js</title> 
 <!--很多html頁面都可以調(diào)用js4.js頁面--> 
 <script src="../../js/js4.js" type="text/javascript" charset="utf-8"> 
 </script> 
</head> 
<body> 
<input type="button" value="點擊" onclick="test()"> 
</body> 
</html>

以上所述是小編給大家介紹的js的三種使用方式（行內(nèi)js、內(nèi)部js、外部js）的實例代碼，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！

您可能感興趣的文章: