javascript內(nèi)嵌式與外鏈式的基本應(yīng)用方式
javascript內(nèi)嵌式與外鏈式基本應(yīng)用
js語言可以完全放在html語言中
但視情況而定可以分為內(nèi)嵌式以及外鏈式
當js代碼較少,可以直接使用內(nèi)嵌式 通過<script></script>標簽以及相關(guān)屬性引入javascript
<!DOCTYPE html> <html> <script> document.write("<h1>This is a heading</h1>"); document.write("<p>This is a paragraph.</p>"); </script> <body> </body> </html>
但是在大型工程以及javascript代碼較多時就需要使用外鏈式了
使用外鏈式時需要先新建一個.js文件
<!DOCTYPE html> <html> <script type="text/javascript" src="1245.js"> </script> <body> </body> </html>
將需要編寫的javascript代碼放在1245.js的文件中
JavaScript的三種書寫方式:行內(nèi)式、內(nèi)嵌式、外鏈式
1、行內(nèi)式
在html標簽的屬性內(nèi),通過行為觸發(fā)執(zhí)行.(幾乎不用)
2、內(nèi)嵌式
在html文件內(nèi)使用script標簽包裹起來,頁面打開自動執(zhí)行。(使用方便,但是大篇幅的JS代碼千萬不要用。)
3、外鏈式
寫在獨立的js文件內(nèi),在html文件中使用script標簽的src屬性引入,頁面打開自動執(zhí)行。(推薦使用,因為有各種優(yōu)化方法)
注:行內(nèi)真的很少用,幾乎不用。內(nèi)嵌和外鏈不能共用一個script標簽。外鏈的script標簽,原則上來說可以放在任何位置。外鏈的script屬性為src,不是href,不是href,不是href…
以上為個人經(jīng)驗,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關(guān)文章
JS學(xué)習(xí)筆記之原型鏈和利用原型實現(xiàn)繼承詳解
這篇文章主要介紹了JS學(xué)習(xí)筆記之原型鏈和利用原型實現(xiàn)繼承,結(jié)合實例形式詳細分析了javascript原型鏈以及利用原型實現(xiàn)繼承的相關(guān)操作技巧與注意事項,需要的朋友可以參考下2019-05-05jquery pagination插件動態(tài)分頁實例(Bootstrap分頁)
這篇文章主要為大家分享了Bootstrap靜態(tài)分頁和jquery pagination插件動態(tài)分頁兩個實例,具有一定的參考價值,感興趣的小伙伴們可以參考一下2016-12-12Javascript連接數(shù)據(jù)庫查詢并插入數(shù)據(jù)
這篇文章主要介紹了Javascript連接數(shù)據(jù)庫查詢并插入數(shù)據(jù),下面文章圍繞主題展開詳細內(nèi)容,具有一的參考價值,需要的小伙伴可以參考一下,希望對你的學(xué)習(xí)有所幫助2022-03-03