關(guān)于js的三種使用方式(行內(nèi)js、內(nèi)部js、外部js)的程序代碼
本文講述了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)用設(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="點擊" onclick="test()"> </body> </html>
以上所述是小編給大家介紹的js的三種使用方式(行內(nèi)js、內(nèi)部js、外部js)的實例代碼,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
相關(guān)文章
淺談JavaScript function函數(shù)種類
這篇文章主要介紹了JavaScript function函數(shù)種類,包括普通函數(shù)、匿名函數(shù)、閉包函數(shù)、十分的全面,并附上了示例,這里推薦給大家,希望對大家能有所幫助。2014-12-12深入理解JavaScript中的塊級作用域、私有變量與模塊模式
本篇文章詳細的介紹了JavaScript中的塊級作用域、私有變量與模塊模式,詳細介紹了塊級作用域、私有變量與模塊模式,對學(xué)習(xí)JavaScript很有幫助。2016-10-10JavaScript 學(xué)習(xí)筆記之?dāng)?shù)據(jù)類型
javascript數(shù)據(jù)類型非常簡單,僅僅包含undefined、null、string、Boolean、number以及object,今天我們就針對這幾個數(shù)據(jù)類型,一一進行講解,方便大家理解記憶2015-01-01零基礎(chǔ)學(xué)JavaScript最新動畫教程+iso光盤下載
2008-01-01個人總結(jié)的一些關(guān)于String、Function、Array的屬性和用法
個人總結(jié)的一些關(guān)于String、Function、Array的屬性和用法...2007-01-01