iT邦幫忙

第 11 屆 iThome 鐵人賽

DAY 22
0
Modern Web

淺談web系列 第 22

鐵人賽DAY22-JavaScript(二)

  • 分享至 

  • xImage
  •  

一、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


上一篇
鐵人賽DAY21-JavaScript(一)
下一篇
鐵人賽DAY23-AJAX(一)
系列文
淺談web30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言