JS代碼的書寫位置

  • 和 css 一樣,我們的 js 也可以有多種方式書寫在頁面上讓其生效
  • js 也有多種方式書寫,分為 行內(nèi)式, 內(nèi)嵌式,外鏈式

行內(nèi)式 JS 代碼(不推薦)

  • 寫在標簽上的 js 代碼需要依靠事件(行為)來觸發(fā)
    <a href="javascript:alert('我是一個彈出層');">點擊一下試試</a> ? <div onclick="alert('我是一個彈出層')">點一下試試看</div> ?

內(nèi)嵌式 JS 代碼

  • 內(nèi)嵌式的 js 代碼會在頁面打開的時候直接觸發(fā)
    <script type="text/javascript"> alert('我是一個彈出層') </script> ?

外鏈式 JS 代碼(推薦)

  • 外鏈式 js 代碼只要引入了 html 頁面,就會在頁面打開的時候直接觸發(fā)
  • 新建一個 .js 后綴的文件,在文件內(nèi)書寫 js 代碼,把寫好的 js 文件引入 html 頁面
// 我是 index.js 文件 alert('我是一個彈出層') 
<!-- 我是一個 html 文件 --> ? 
<!-- 通過 script 標簽的 src 屬性,把寫好的 js 文件引入頁面 --> 
<script src="index.js"></script> ? 
<!-- 一個頁面可以引入多個 js 文件 --> 
<script src="index1.js"></script> 
<script src="index2.js"></script> 
<script src="index3.js"></script>
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。
禁止轉(zhuǎn)載,如需轉(zhuǎn)載請通過簡信或評論聯(lián)系作者。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容