首頁 > web前端 > js教程 > Miva 的日子:第 15 天

Miva 的日子:第 15 天

WBOY
發布: 2024-09-04 07:01:06
原創
368 人瀏覽過

這是 100 天 Miva 編碼挑戰中的第 15 天,雖然時間過得很快,但它幫助我大大提高了我的 HTML、CSS 和 JavaScript 技能。
今天,我學習了JavaScript中的兩個概念。顯示物件屬性和 JavaScript 事件。它們對於添加資料以及保持網頁的響應性和互動性非常重要。

顯示物件屬性

正如我之前所討論的,物件用於建立包含彼此相關或特定主題相關的不同資料類型的資料的資料區塊;以鍵值對格式編寫。
顯示這些屬性有不同的方法可以實現。首先,它們可以顯示為字串,其中屬性使用加法運算子連接。
 days of Miva: Day 15

它們可以顯示為循環選擇每個鍵和值對,直到物件耗盡。
 days of Miva: Day 15

它們也可以使用 Object.values() 方法以陣列格式顯示。
 days of Miva: Day 15

最後,可以使用 JSON.stringify() 方法顯示它們,該方法使用 JSON 表示法顯示它們。
 days of Miva: Day 15

JavaScript 事件
事件是由於瀏覽器或使用者操作或輸入而在網頁上發生的操作。點選按鈕、載入網頁、調整頁面大小等操作稱為事件。 JavaScript 程式碼可用於在這些操作發生時引起某些反應。

例如,與 HTML 和 CSS 的靜態顯示相比,當點擊按鈕時,JavaScript 程式碼可用於即時顯示時間和日期。

 days of Miva: Day 15

JavaScript 程式碼也可用於在特定元素上發生操作時變更其內容。
 days of Miva: Day 15

發生事件時也可以呼叫和執行函數。
 days of Miva: Day 15

JavaScript 事件的概念對於使網頁具有響應性和互動性至關重要,因為它們可用於引發對網頁上的操作的即時反應。

第 15 天非常有成效且富有教育意義,我計劃明天探索更多有關 JavaScript 事件的內容! ?

原始碼在這裡:
物件顯示:(https://github.com/Abdul-Samod/100daysofMiva/blob/74ad5573744c15d1955e8f8777053f0492d41fe9/javascript_prac2.html)

JavaScript 事件:(https://github.com/Abdul-Samod/100daysofMiva/blob/74ad5573744c15d1955e8f8777053f0492d41fe9/javascript_prac3.html)

以上是Miva 的日子:第 15 天的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:dev.to
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板