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

Miva 的日子:第 15 天

WBOY
WBOY原创
2024-09-04 07:01:06335浏览

这是 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中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn