一、JavaScript輸出
1.innerHTML:透過此方法,可以設定HTML中的元素。例如:透過document.getElementById("test")
讀取文件中Id為test的元素,接著利用innerHTML
將文字設定進入該元素。
2.document.write():透過此方法,可以將想呈現的文字在網頁上呈現出來,與HTML中的<p>…</p>
、<h>…</h>
效果相似。例如:透過document.write()
將TEXT呈現在網站上。
3.window.alert():透過此方法,可以將想呈現的文字在網頁上透過彈出警告框呈現出來。例如:透過window.alert()
將TEXT透過彈出警告框呈現在網站上。
4.console.log():透過此方法,可以將想呈現的文字呈現在console中(按下F12可以查看)。例如:透過console.log()
將TEXT呈現在console中。
二、JavaScript事件
當HTML元素發生事件時,JavaScript可以對這些事件做出相對應的反應,本篇介紹幾個最常用的事件。
事件 | 事件效果 |
---|---|
onchange | HTML元素改變時 |
onclick | 按下HTML元素時 |
onmouseover | 滑鼠移動到HTML元素上時 |
onmouseout | 滑鼠移離開HTML元素上時 |
onkeydown | 按下鍵盤時 |
onload | 頁面被下載完成時 |
參考資料:
1.https://www.w3schools.com/js/js_output.asp
2.https://www.w3schools.com/js/js_events.asp