如何使用JavaScript制作页面效果

PHP中文网 JavaScript 百度已收录

本文摘自PHP中文网，作者醉折花枝作酒筹，侵删。

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

使用 JavaScript 制作页面效果

DOM 编程

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

在 JS 查找页面中的元素

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

1

document.calForm.num1

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

1

document.getElementById(id)

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

1

document.getElementsByName(name)

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

1

document.getElementsByTagName(tagName)

动态时间

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

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

全选全不选功能

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

阅读剩余部分

相关阅读 >>

聊聊typescript中enum（枚举）的用法

html引入外部javascript是什么属性

javascript中substr和substring的区别是什么

值得收藏的11个对开发有帮助的 js 技巧

移动端全景装修图的实现实例分享

canvas如何实现二维码和图片合成的代码

详解js中的执行上下文和执行栈

javascript是java语言的脚本形式？

实例详解javascript中split字符串分割函数

javascript怎么判断是否是字符串

更多相关阅读请进入《javascript》频道 >>




标签：

打赏

取消

感谢您的支持，我会继续努力的!

扫码支持
扫码打赏，您说多少就多少

打开支付宝扫一扫，即可进行扫码打赏哦

分享从这里开始，精彩与您同在

相关推荐

评论

管理员已关闭评论功能...