---
# System prepended metadata

title: Javascript 基本語法
tags: [JavaScript 必修篇 - 前端修練全攻略]

---

# Javascript 基本語法 
###### tags: `JavaScript 必修篇 - 前端修練全攻略`
## 1.基本HTML寫法
```htmlmixed=
<script type="text/javascript">
    腳本區塊
</script>
```
- script標籤
    - type屬性 用以指定腳本種類，預設就是text/javascript 所以省略不打也沒關係

若該瀏覽器不支援Javascript,則使用noscript標籤作為替代內容
```htmlmixed=
<noscript>無法使用Javascript</noscript>
```
## 2.Javascript內嵌在HTML的位置(建議)
1. body標籤內，結尾body標籤前
    - 由於網頁在載入網頁時，需等程式執行完畢，才會進行下一步
    - 若在一開始就執行javascript程式(尤其如果函式很大的話)，有可能會造成畫面延遲等問題產生。
    - 故將JS程式放在最後，當網頁畫面載入後，再執行Javascript程式碼，可加速畫面顯示。
    
2. 在head標籤內
    - 上述有一種例外，就是當==函式==需用到參數時，需先在一開始就先定義該參數
![](https://i.imgur.com/biS44ov.png)

## 3.引入外部檔案
```htmlembedded
<script src="script/XX.js"></script>
```
- src 檔案路徑
- 裡面有引入檔案後，script標籤裡面就不能再放東西了~會被忽略


## 4.透過描點(Anchor)嵌入JavaScript程式
- 可用在描點的href屬性中以「JavaScript:~」的格式嵌入JavaScript程式
```htmlmixed
<a href="Javascript:腳本程式">超連結文字</a>
<!--範例-->
<a href="Javascript:window.alert('Hello world!');">跳出視窗</a>
```
- 描點(Anchor)
    - 可以點選按鍵後，連結其所要到達的位置
```htmlmixed!
<a href="#Stat1">到第一區塊</a>

<div id="Stat1">第一區塊</div>
```


## 4.JS寫法
- 會區分大小寫
- 以分號結束;

---

### 參考資料
[CSS描點的使用](https://tw511.com/a/01/12466.html)
