Rumah > hujung hadapan web > tutorial js > 如何使用JavaScript制作页面效果

如何使用JavaScript制作页面效果

醉折花枝作酒筹
Lepaskan: 2021-04-19 11:04:19
ke hadapan
2362 orang telah melayarinya

本篇文章给大家详细介绍一下使用JavaScript制作页面的方法。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。

如何使用JavaScript制作页面效果

使用 JavaScript 制作页面效果

 DOM 编程

DOM 编程(Document Object Model)文档对象模型
在这里插入图片描述
在 DOM 编程中,把整个页面看成一个 document 对象,其中的 html 元素为具体对象,在 DOM 中的核心在于找到相对应的 HTML 元素对象,然后对进行操作(属性或样式的修改)还可以生成新的 HTML 元素对象

 在 JS 查找页面中的元素

通过表单的 name 包含关系找到对象:

document.calForm.num1
Salin selepas log masuk

通过 HTML 元素的 id 属性获得某个 HTML 元素对象:

document.getElementById(id)
Salin selepas log masuk

通过 HTML 元素的 name 属性获得多个 name 属性值相同的 HTML 元素对象返回一个数组,该数组中存放所有同 name 属性的对象

document.getElementsByName(name)
Salin selepas log masuk

通过 HTML 元素的标签名获得多个同标签的 HTML 元素对象

document.getElementsByTagName(tagName)
Salin selepas log masuk

动态时间

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

  1. 服务端时间(通过 Java 获取);
  2. 客户端时间(通过 JS 获取),根据每个客户端上的时间来显示。
    在这里插入图片描述
    在这里插入图片描述

全选全不选功能

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

【推荐学习:javascript高级教程

Atas ialah kandungan terperinci 如何使用JavaScript制作页面效果. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:csdn.net
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan