當前位置：
首頁 >
前端技术
> javascript
>内容正文
javascript
JavaScript入门(part2)--JS书写方式及注释
生活随笔
收集整理的這篇文章主要介紹了
JavaScript入门(part2)--JS书写方式及注释
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
學習筆記，僅供參考，有錯必糾
參考自：pink老師教案
文章目錄
- JavaScript入門
- JS書寫方式
- 行內式
- 內嵌式
- 外部JS文件
- JS注釋
JavaScript入門
JS書寫方式
JS有3種書寫方式，分別為行內、內嵌和外部，下面我們將進行一一演示。
行內式
- 舉個例子
HTML代碼：
<!DOCTYPE html> <html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>JS導入方式</title> </head><body><input type="button" value="點我" οnclick="alert('Hi~')" /> </body></html>頁面：
- 注意事項
- 可以將單行或少量 JS 代碼寫在HTML標簽的事件屬性中（以on開頭的屬性，如：onclick）
- 注意單雙引號的使用：在HTML中我們推薦使用雙引號, JS 中我們推薦使用單引號
- 可讀性差， 在html中編寫JS大量代碼時，不方便閱讀；
- 引號易錯，引號多層嵌套匹配時，非常容易弄混；
內嵌式
- 舉個例子
HTML代碼：
<!DOCTYPE html> <html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>JS導入方式</title><script>alert('Hello World~!');</script> </head><body></body></html>注意，可以將多行JS代碼寫到script標簽中。
頁面：
外部JS文件
- 舉個例子
HTML代碼：
<!DOCTYPE html> <html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>JS導入方式</title><script src="js/jsDemo1.js"></script> </head><body></body></html>頁面：
- 注意事項
- 利于HTML頁面代碼結構化，把大段 JS代碼獨立到 HTML 頁面之外，既美觀，也方便文件級別的復用
- 引用外部 JS文件的成對script標簽中不可以寫代碼
- 該引用方式，適合于JS 代碼量比較大的情況
JS注釋
單行注釋的注釋方式如下：
// 我是一行文字多行注釋的注釋方式如下：
/*我是第1行我是第2行 */總結
以上是生活随笔為你收集整理的JavaScript入门(part2)--JS书写方式及注释的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 火影忍者：究极风暴3鸣鸣人金色模式觉醒方
- 下一篇： JavaScript入门(part3)-