」工欲善其事,必先利其器。「—孔子《論語.錄靈公》
首頁 > 程式設計 > Miva 的日子:第 15 天

Miva 的日子:第 15 天

發佈於2024-11-08
瀏覽:746

這是 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)

版本聲明 本文轉載於:https://dev.to/abdul_web/100-days-of-miva-day-15-46o4?1如有侵犯,請聯絡[email protected]刪除
最新教學 更多>

免責聲明: 提供的所有資源部分來自互聯網,如果有侵犯您的版權或其他權益,請說明詳細緣由並提供版權或權益證明然後發到郵箱:[email protected] 我們會在第一時間內為您處理。

Copyright© 2022 湘ICP备2022001581号-3