您好,登錄后才能下訂單哦!
小編給大家分享一下js有哪3種使用方式,希望大家閱讀完這篇文章后大所收獲,下面讓我們一起去探討吧!
1、行內js:js不單獨寫出
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>js使用方式1:行內js</title> </head> <body> <input type="button" value="點擊有驚喜" onclick="javascript:alert('哈哈哈哈')"> <!--onclick:點擊觸發一個事件,alert:彈出一個對話框--> </body> </html>
2、內部js:script里的程序整個頁面都可以用
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>js使用方式2:內部js</title> <script type="text/javascript"> //聲明一個函數(整個文檔都可以使用) function surprise() { alert('恭喜你中了一百萬')/*彈出框*/ } </script> </head> <body> <input type="button" value="點擊有驚喜" onclick="surprise()"><!--調用函數--> <input type="button" value="點擊" onclick="surprise()"> </body> </html>
3、外部js:很多html頁面都可以調用設定的js頁面
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>js使用方式3:外部js</title> <!--很多html頁面都可以調用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有哪3種使用方式有了一定的了解,想了解更多相關知識,歡迎關注億速云行業資訊頻道,感謝各位的閱讀!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。