欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

javascript內(nèi)嵌式與外鏈式的基本應(yīng)用方式

 更新時間:2021年12月04日 09:34:41   作者:「已注銷」  
這篇文章主要介紹了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判斷瀏覽器類型,版本的代碼(附多個實例代碼)

    js判斷瀏覽器類型,版本的代碼(附多個實例代碼)

    當前世界上有很多種瀏覽器,除了我們熟知的IE, Firefox, Opera, Safari四大瀏覽器之外,世界上還有近百種瀏覽器,有時候我們需要判斷瀏覽器與版本方便后續(xù)的操作,一句話瀏覽器的兼容性太差了,缺少標準
    2014-05-05
  • 利用JavaScript阻止表單提交的兩種方法

    利用JavaScript阻止表單提交的兩種方法

    本文介紹怎樣利用JavaScript來阻止表單提交的兩種方法,分別是return false和使用preventDefault(),有需要的可以參考借鑒,下面一起來看看。
    2016-08-08
  • mac上配置Android環(huán)境變量的方法

    mac上配置Android環(huán)境變量的方法

    這篇文章主要介紹了mac上配置Android環(huán)境變量的方法,需要的朋友可以參考下
    2018-07-07
  • javascript實現(xiàn)控制瀏覽器全屏

    javascript實現(xiàn)控制瀏覽器全屏

    這篇文章主要介紹了javascript實現(xiàn)控制瀏覽器全屏的代碼分享給大家,十分的實用,有需要的小伙伴可以參考下。
    2015-03-03
  • JS學(xué)習(xí)筆記之原型鏈和利用原型實現(xiàn)繼承詳解

    JS學(xué)習(xí)筆記之原型鏈和利用原型實現(xiàn)繼承詳解

    這篇文章主要介紹了JS學(xué)習(xí)筆記之原型鏈和利用原型實現(xiàn)繼承,結(jié)合實例形式詳細分析了javascript原型鏈以及利用原型實現(xiàn)繼承的相關(guān)操作技巧與注意事項,需要的朋友可以參考下
    2019-05-05
  • jquery pagination插件動態(tài)分頁實例(Bootstrap分頁)

    jquery pagination插件動態(tài)分頁實例(Bootstrap分頁)

    這篇文章主要為大家分享了Bootstrap靜態(tài)分頁和jquery pagination插件動態(tài)分頁兩個實例,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2016-12-12
  • Javascript連接數(shù)據(jù)庫查詢并插入數(shù)據(jù)

    Javascript連接數(shù)據(jù)庫查詢并插入數(shù)據(jù)

    這篇文章主要介紹了Javascript連接數(shù)據(jù)庫查詢并插入數(shù)據(jù),下面文章圍繞主題展開詳細內(nèi)容,具有一的參考價值,需要的小伙伴可以參考一下,希望對你的學(xué)習(xí)有所幫助
    2022-03-03
  • 擴展JavaScript功能的正確方法(譯文)

    擴展JavaScript功能的正確方法(譯文)

    JavaScript已經(jīng)內(nèi)置了很多強大的方法,但有時你需要的某個功能在內(nèi)置的方法中沒有,我們怎么來優(yōu)雅地擴展JavaScript功能呢
    2012-04-04
  • js使彈層下面的body禁止?jié)L動

    js使彈層下面的body禁止?jié)L動

    這篇文章介紹了js使彈層下面body禁止?jié)L動的方法,文中通過示例代碼介紹的非常詳細。對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下
    2022-06-06
  • Javascript中異步等待的深入理解

    Javascript中異步等待的深入理解

    Async / Await是人們期待已久的JavaScript功能,它使使用異步功能更加有趣和易于理解。這篇文章主要給大家介紹了關(guān)于Javascript中異步等待的相關(guān)資料,需要的朋友可以參考下
    2021-05-05

最新評論