JavaScript 01 Hello JavaScript
阿新 • • 發佈:2020-07-15
JavaScript用於網頁和使用者之間的互動,比如提交的時候,進行使用者名稱是否為空的判斷。
完整的javascript由語言基礎,BOM和DOM組成。本模組主要講解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由語言基礎,BOM和DOM組成。
只有通過javascript操作DOM物件的時候,才會帶來很好的實用效果,而本章節只會涉及到語言基礎 和 BOM部分,DOM部分在下個章節展開