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

發(fā)布時(shí)間：2020-08-29 08:02:32 來源：腳本之家閱讀：310 作者：xuehyunyu 欄目：web開發(fā)

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

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

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

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

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

3、外部js：很多html頁面都可以調(diào)用設(shè)定的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="點(diǎn)擊" onclick="test()"> 
</body> 
</html>

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

向AI問一下細(xì)節(jié)

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

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽

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