網頁

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!')中的文字。




沒有留言:

張貼留言