javascript內(nèi)嵌式與外鏈?zhǔn)降膽?yīng)用方式是什么

發(fā)布時(shí)間：2021-12-04 11:45:15 來源：億速云閱讀：474 作者：iii 欄目：開發(fā)技術(shù)

本篇內(nèi)容介紹了“javascript內(nèi)嵌式與外鏈?zhǔn)降膽?yīng)用方式是什么”的有關(guān)知識，在實(shí)際案例的操作過程中，不少人都會遇到這樣的困境，接下來就讓小編帶領(lǐng)大家學(xué)習(xí)一下如何處理這些情況吧！希望大家仔細(xì)閱讀，能夠?qū)W有所成！

javascript內(nèi)嵌式與外鏈?zhǔn)交緫?yīng)用

js語言可以完全放在html語言中

但視情況而定可以分為內(nèi)嵌式以及外鏈?zhǔn)?/p>

當(dāng)js代碼較少，可以直接使用內(nèi)嵌式通過<script></script>標(biāo)簽以及相關(guān)屬性引入javascript

<!DOCTYPE html>
<html>
<script>
document.write("<h2>This is a heading</h2>");
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>

將需要編寫的javascript代碼放在1245.js的文件中

JavaScript的三種書寫方式：行內(nèi)式、內(nèi)嵌式、外鏈?zhǔn)?/h3>

1、行內(nèi)式

在html標(biāo)簽的屬性內(nèi),通過行為觸發(fā)執(zhí)行.（幾乎不用）

javascript內(nèi)嵌式與外鏈?zhǔn)降膽?yīng)用方式是什么

2、內(nèi)嵌式

在html文件內(nèi)使用script標(biāo)簽包裹起來，頁面打開自動執(zhí)行。（使用方便，但是大篇幅的JS代碼千萬不要用。）

javascript內(nèi)嵌式與外鏈?zhǔn)降膽?yīng)用方式是什么

3、外鏈?zhǔn)?/h4>
寫在獨(dú)立的js文件內(nèi)，在html文件中使用script標(biāo)簽的src屬性引入，頁面打開自動執(zhí)行。（推薦使用，因?yàn)橛懈鞣N優(yōu)化方法）
注：行內(nèi)真的很少用，幾乎不用。內(nèi)嵌和外鏈不能共用一個(gè)script標(biāo)簽。外鏈的script標(biāo)簽，原則上來說可以放在任何位置。外鏈的script屬性為src，不是href，不是href，不是href…
“javascript內(nèi)嵌式與外鏈?zhǔn)降膽?yīng)用方式是什么”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識可以關(guān)注億速云網(wǎng)站，小編將為大家輸出更多高質(zhì)量的實(shí)用文章！

向AI問一下細(xì)節(jié)

javascript內(nèi)嵌式與外鏈?zhǔn)降膽?yīng)用方式是什么

javascript內(nèi)嵌式與外鏈?zhǔn)交緫?yīng)用

JavaScript的三種書寫方式：行內(nèi)式、內(nèi)嵌式、外鏈?zhǔn)?/h3>

1、行內(nèi)式

2、內(nèi)嵌式

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽

JavaScript的三種書寫方式：行內(nèi)式、內(nèi)嵌式、外鏈?zhǔn)?/h3>

1、行內(nèi)式

2、內(nèi)嵌式