1. 程式人生 > 實用技巧 >JavaScript 01 Hello JavaScript

JavaScript 01 Hello JavaScript

JavaScript用於網頁和使用者之間的互動,比如提交的時候,進行使用者名稱是否為空的判斷。

完整的javascript由語言基礎BOMDOM組成。本模組主要講解javascript語言本身和BOM, DOM的內容請參考HTML DOM

示例1:

通過javascript向文件中輸出文字

document是javascript的內建物件,代表瀏覽器的文件部分
document.write("Hello Javascript");向文件寫入字串

<script>
  document.write("Hello Javascript");
</script>

示例2:

javascript和DOM結合的一個簡單例子

這是一個javascript和DOM結合的一個簡單例子

onclick="..." 表示點選button之後做的事情
document.getElementById根據id獲取指定的元素
.style.display='none'隱藏
.style.display='block'顯示(準確的講,以block的形式顯示)

onclick,getElementById,style.display 這些內容,是HTML DOM應該到才會用到的知識和概念

<button onclick="document.getElementById('text').style.display='none'"
>隱藏文字</button> <button onclick="document.getElementById('text').style.display='block'">顯示文字</button> <p id="text"> 這個是一段可以被javascript隱藏的文字</p>

示例3:

語言基礎,BOM和DOM

完整的javascript由語言基礎BOMDOM組成。

只有通過javascript操作DOM物件的時候,才會帶來很好的實用效果,而本章節只會涉及到語言基礎 和 BOM部分,DOM部分在下個章節展開