- 和 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>