本文講述了js的三種使用方式(行內js、內部js、外部js)的實例代碼,感興趣的小伙伴們可以參考一下,具體如下:
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的三種使用方式(行內js、內部js、外部js)的實例代碼,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對VeVb武林網網站的支持!
新聞熱點
疑難解答