使用 JavaScript 制作页面效果

发布时间:2022-04-16 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了使用 JavaScript 制作页面效果脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。

十一、使用 JavaScript 制作页面效果

11.1 DOM 编程

DOM 编程(Document Object Model)文档对象模型

在这里插入图片描述

在 DOM 编程中,把整个页面看成一个 document 对象,其中的 htML 元素为具体对象,在 DOM 中的核心在于找到相对应的 HTML 元素对象,然后对进行操作(属性或样式的修改)还可以生成新的 HTML 元素对象

11.2 在 JS 查找页面中的元素

  • 通过表单的 name 包含关系找到对象:document.calForm.num1
  • 通过 HTML 元素的 id 属性获得某个 HTML 元素对象:
  • document.getElementById(id)
  • 通过 HTML 元素的 name 属性获得多个 name 属性值相同的 HTML 元素对象返回一个数组,该数组中存放所有同 name 属性的对象document.getElementsByName(name)通过 HTML 元素的标签名获得多个同标签的 HTML 元素对象
  • document.getelementsbytagname(tagName)

11.2.1 动态时间

在页面上显示的时间是动态走动的,当页面启动时显示时间,时间分两种:

服务端时间(通过 Java 获取);客户端时间(通过 JS 获取),根据每个客户端上的时间来显示。

在这里插入图片描述
在这里插入图片描述

11.2.2 全选全不选功能

在这里插入图片描述
在这里插入图片描述

到此这篇关于使用 JavaScript 制作页面效果的文章就介绍到这了,更多相关js制作页面内容请搜索脚本宝典以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本宝典!

脚本宝典总结

以上是脚本宝典为你收集整理的使用 JavaScript 制作页面效果全部内容,希望文章能够帮你解决使用 JavaScript 制作页面效果所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签: