javascript內(nèi)嵌式與外鏈?zhǔn)降幕緫?yīng)用方式
javascript內(nèi)嵌式與外鏈?zhǔn)交緫?yīng)用
js語(yǔ)言可以完全放在html語(yǔ)言中
但視情況而定可以分為內(nèi)嵌式以及外鏈?zhǔn)?/p>
當(dāng)js代碼較少，可以直接使用內(nèi)嵌式 通過(guò)<script></script>標(biāo)簽以及相關(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代碼較多時(shí)就需要使用外鏈?zhǔn)搅?/p>
使用外鏈?zhǔn)綍r(shí)需要先新建一個(gè).js文件
<!DOCTYPE html> <html> <script type="text/javascript" src="1245.js"> </script> <body> </body> </html>
將需要編寫(xiě)的javascript代碼放在1245.js的文件中
JavaScript的三種書(shū)寫(xiě)方式：行內(nèi)式、內(nèi)嵌式、外鏈?zhǔn)?/h2>
1、行內(nèi)式
在html標(biāo)簽的屬性內(nèi),通過(guò)行為觸發(fā)執(zhí)行.（幾乎不用）
2、內(nèi)嵌式
在html文件內(nèi)使用script標(biāo)簽包裹起來(lái)，頁(yè)面打開(kāi)自動(dòng)執(zhí)行。（使用方便，但是大篇幅的JS代碼千萬(wàn)不要用。）
3、外鏈?zhǔn)?/h3>
寫(xiě)在獨(dú)立的js文件內(nèi)，在html文件中使用script標(biāo)簽的src屬性引入，頁(yè)面打開(kāi)自動(dòng)執(zhí)行。（推薦使用，因?yàn)橛懈鞣N優(yōu)化方法）
注：行內(nèi)真的很少用，幾乎不用。內(nèi)嵌和外鏈不能共用一個(gè)script標(biāo)簽。外鏈的script標(biāo)簽，原則上來(lái)說(shuō)可以放在任何位置。外鏈的script屬性為src，不是href，不是href，不是href…
以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
js判斷瀏覽器類型,版本的代碼(附多個(gè)實(shí)例代碼)
當(dāng)前世界上有很多種瀏覽器，除了我們熟知的IE, Firefox, Opera, Safari四大瀏覽器之外，世界上還有近百種瀏覽器，有時(shí)候我們需要判斷瀏覽器與版本方便后續(xù)的操作，一句話瀏覽器的兼容性太差了，缺少標(biāo)準(zhǔn)2014-05-05
本文介紹怎樣利用JavaScript來(lái)阻止表單提交的兩種方法，分別是return false和使用preventDefault()，有需要的可以參考借鑒，下面一起來(lái)看看。2016-08-08
這篇文章主要介紹了mac上配置Android環(huán)境變量的方法,需要的朋友可以參考下2018-07-07
javascript實(shí)現(xiàn)控制瀏覽器全屏
這篇文章主要介紹了javascript實(shí)現(xiàn)控制瀏覽器全屏的代碼分享給大家，十分的實(shí)用，有需要的小伙伴可以參考下。2015-03-03
JS學(xué)習(xí)筆記之原型鏈和利用原型實(shí)現(xiàn)繼承詳解
這篇文章主要介紹了JS學(xué)習(xí)筆記之原型鏈和利用原型實(shí)現(xiàn)繼承,結(jié)合實(shí)例形式詳細(xì)分析了javascript原型鏈以及利用原型實(shí)現(xiàn)繼承的相關(guān)操作技巧與注意事項(xiàng),需要的朋友可以參考下2019-05-05
jquery pagination插件動(dòng)態(tài)分頁(yè)實(shí)例(Bootstrap分頁(yè))
這篇文章主要為大家分享了Bootstrap靜態(tài)分頁(yè)和jquery pagination插件動(dòng)態(tài)分頁(yè)兩個(gè)實(shí)例，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-12-12
Javascript連接數(shù)據(jù)庫(kù)查詢并插入數(shù)據(jù)
這篇文章主要介紹了Javascript連接數(shù)據(jù)庫(kù)查詢并插入數(shù)據(jù)，下面文章圍繞主題展開(kāi)詳細(xì)內(nèi)容，具有一的參考價(jià)值，需要的小伙伴可以參考一下，希望對(duì)你的學(xué)習(xí)有所幫助2022-03-03
JavaScript已經(jīng)內(nèi)置了很多強(qiáng)大的方法，但有時(shí)你需要的某個(gè)功能在內(nèi)置的方法中沒(méi)有，我們?cè)趺磥?lái)優(yōu)雅地?cái)U(kuò)展JavaScript功能呢2012-04-04
這篇文章介紹了js使彈層下面body禁止?jié)L動(dòng)的方法，文中通過(guò)示例代碼介紹的非常詳細(xì)。對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2022-06-06
Async / Await是人們期待已久的JavaScript功能，它使使用異步功能更加有趣和易于理解。這篇文章主要給大家介紹了關(guān)于Javascript中異步等待的相關(guān)資料,需要的朋友可以參考下2021-05-05