# 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)