AdSense

網頁

2019/7/13

JavaScript 撰寫你的第一支Hello World程式

使用JavaScript程式語言來撰寫Hello World程式。


打開Visual Studio Code（VS Code）編輯器，請參考安裝Visual Studio Code

接著參考在Visual Studio Code建立第一個HTML文件。

HTML文件(welcome.html)建立好後，接著在裡面加入以下JavaScript程式碼。

alert('hello world!');

JavaScript程式碼加入後如下，完成後存檔。

welcome.html

<!DOCTYPE html>
<html>
<head>

<script>
  alert('hello world!'); // <-- 加入這個，放在<script>...<script>之間
</script>

</head>
<body>

  <h1>您好，歡迎光臨</h1>
  
  <p>普通段落文字</p>

</body>
</html>

在HTML文件中撰寫JavaScript程式碼時，規定必須把JavaScript程式碼放在<script>...</script>標籤所包夾的位置中間；<script>標籤通常又放在<head>...</head>間，不過也可以放在HTML文件<html>...</html>中的任意位置。而擺放的位置會影響JavaScript程式碼被執行的時間點。

然後在VS Code中按Alt + B（需安裝open in browser套件）把VS Code編輯區的welcome.html在瀏覽器打開。

開啟後馬上彈出一個訊息，訊息文字即為剛剛撰寫的alert('hello world!')中的文字。




標籤：

沒有留言:

張貼留言

訂閱： 張貼留言 (Atom)

AdSense