日期对象与DOM对象的增删改查

日期对象

日期对象new Date()可以创建一个对象,该对象内存储此时的时间。当没写参数时是此刻的时间。参数也可也写字符型,是所写的时间对象。内部写的是字符串类型。且日期和时间之间以空格隔开。且内部需要时’2024-1-1‘这种写法

日期对象的方法

得到的月份是当前月份减去1.当是星期天则getDays会返回0.这个方法会看对象内是星期几决定返回值。对象的toLocaleDateString()方法会将data对象内的时间返回 如2024/1/1 09:41:11这种模式。且返回值几时几分几秒会未满10补0.

时间戳

含义是data对象的时刻距离1970-1-1的毫秒数。我们可以用时间戳来写倒计时,或者当前时刻距离未来设定如2030-1-1的时间。如果要减去,很麻烦,所以用时间戳。

得到时间戳的做法

第一种是对象的实例方法。可以返回值是时间戳。第二种是+,转换转成数字型,Date类型可以转。第三种是静态方法。但是第三种只能是得到此刻的。返回值会创建此刻的对象。返回此刻的时间戳。前两种都可以是设定时刻的对象。

1s=1000ms

JS内/ %都不是一定是整数,都是Number类型。因此可以有小数。所以要取整

DOM节点详解

我们把dom对象和对象内的属性称为节点。节点有元素节点(DOM对象),属性节点(DOM对象内的属性),文本对象(文本)

查找节点

对象的parentNode属性内存储的是指向父节点的地址。如果有就是这个值,如果没有父节点,内存储null。HTML文件解析就会有这个值。

children属性内存储的是数组,数组内的值指向HTML写的顺序,从0开始存。数组也是伪数组,不能删除增加数组。

上述两个属性内存储了HTML上的对象。

属性选择器

【属性】{

}

是有这个属性的标签

【属性=某个值(不写‘’)】{

}

属性值等于这个值的标签。

属性选择器和类选择器等一样都可以写到addE...方法内。

增加节点

DOM树也是存在于内存内。我们如果创建对象也是存在于内存内。我们可以让节点属性指向加载存在的DOM节点。也可也自己在内存中创建DOM对象。我们创建DOM对象内部有这么多属性的,

document.createElement(“标签名”)方法最后返回值是DOM对象。

children内无法改数组,直接给children赋另一个数组,或者直接数组【下标】来改数组。可以获得但是无法改增数组。但是可以通过append给一个标签增加子标签,但是这个子标签是存在于数组最后。这时数组可以改。parentNode也无法改。

我们可以appendChild(DOM对象)方法可以让数组上有这个对象。

当节点进行增删改查时,浏览器上的HTML文件也改变了。不是给的HTML框架。一开始根据HTML生成DOM树,但是如果改变DOM树,是可以的。改变子节点。最后呈现的不一样。

dom对象内insertBefore方法第一个参数是插入元素,第二个是在那个对象前面。最后可以增加。之前的上一个/下一个节点改不了。第二个参数是DOM对象。第二个参数写dom对象地址。就会最后父亲也有这个节点。无法给一个元素的children的某一个下标换一个DOM对象换不了。只能换内部属性/增加节点/获取节点。

克隆节点与删除节点

dom对象的cloneNode(布尔值)可以在内存内创建一个和和对象一样的对象。且返回值是这个地址。true是创建对象的后代节点children和原本的一样。false是补包括后代节点。

删除节点我们一定要通过父元素的方法。参数也需要写相应的都没对象地址。才完成对某一个元素的删除。隐藏节点是dom对象存在的,以及children都存在。删除时dom对象不存在。

M端事件

这些事件可以给任何一个DOM元素加。且触发只有是移动端的。

swiper插件

这个插件能不用手写轮播图的代码。可以用插件复制着写。这个插件其实就是把轮播图的html代码找到复制到自己指定位置。第二把对于插件的js和css文件引入。css js文件内有样式。

第三

引入的JS会根据这个对象来给对于类标签下写滚动条等。原本如果不写这个对象,看这个对象是否有。没有的话即使写了这个类也没用。用的话。会对有这个类的标签进行操作。

我们关键是下载下来css和js'。引入。

在官网下下载,压缩包,包内有需要的js和css。

压缩与为压缩版。

在基本演示内找需要的轮播图。然后右击

查看页面源代码。需要将style内的复制到自己文件内。因为这个页面源代码就是实现这个轮播图,它就需要引入css和js,对应的html和new swiper对象,和style标签的样式。也需要复制这个样式。

swiper变量内,存储的是swiper对象,创建swiper对象,第一个参数是复制过来的轮播图最祖先的选择器。第二个写对象。对象内的这些能让标签下有这些样式。前面变量名可以随意写。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/313698.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

DotPlot | 重绘点图,指定cell type的颜色

1 效果 左边是默认,右边是自定义颜色后。 2 代码 # named color color.headc(#617381, "#76AB9B", #CE5A5B, "#EA7C5B"); names(color.head) c("NL", "LP", "CA", "LN") color.head # draw with S…

零知识证明(zk-SNARK)- groth16(二)

From Computational Problem to zk-SNARK 本部分就是将计算难题转换为多项式,然后使用zk-SNARK。(注:以下用 P,V 替代 Prover,Verifier) 计算难题->R1CS R1CS(Rank-1 Constraint System)是一种能够将…

simulink代码生成(五)——SCI接受模块;如何将串口发送的数据显示在matlab中

首先,实现DSP28335的自收自发; 添加串口收发模块; 设置参数,根据硬件选择串口模块: 配置中断触发;SCIB的接收中断的CPU中断号为9,PIE级中断为3; 因此如下配置; 代码生成…

[Mac软件]ColorWell For Mac 7.4.0调色板生成器

美丽而直观的调色板和调色板生成器是任何Web或应用程序开发人员工具包的必要补充! 创建无限数量的调色板,快速访问所有颜色信息和代码生成,用于应用程序开发,非常简单。可编辑调色板数据库允许您存档和恢复任何调色板&#xff0c…

JAVA反序列化之URLDNS链分析

简单介绍下urldns链 在此之前最好有如下知识,请自行bing or google学习。 什么是序列化 反序列化 ?特点! java对象反射调用? hashmap在java中是一种怎样的数据类型? dns解析记录有那…

2.1 DFMEA步骤一:策划和准备

2.1.1 目的 设计FMEA的“策划和准备”步骤旨在确定将要执行的FMEA类型,以及根据进行中的分析类型(如系统、子系统或组件)明确每个FMEA的范围。设计FMEA(DFMEA)的主要目标包括: 项目识别项目计划&#xff…

Unity中Shader裁剪空间推导(透视相机到裁剪空间的转化矩阵)

文章目录 前言一、简单看一下 观察空间—>裁剪空间—>屏幕空间 的转化1、观察空间(右手坐标系、透视相机)2、裁剪空间(左手坐标系、且转化为了齐次坐标)3、屏幕空间(把裁剪坐标归一化设置)4、从观察空…

【PXIE301-208】基于PXIE总线架构的Serial RapidIO总线通讯协议仿真卡

板卡概述 PXIE301-208是一款基于3U PXIE总线架构的Serial RapidIO总线通讯协议仿真卡。该板卡采用Xilinx的高性能Kintex系列FPGA作为主处理器,实现各个接口之间的数据互联、处理以及实时信号处理。板卡支持4路SFP光纤接口,支持一个PCIe x8主机接口&…

考pmp有用么?

PMP考出来究竟有什么用,这个问题一直是站在边缘的朋友经常思考的问题,其实我想说的是,当能力和经验都充足的时候,可能这单单的一张证书就能有莫大的作用,帮助你实现目前所追求的东西。 当我利用这张证书达到我的目的之…

如何解决企业内部FTP文件传输速度过慢和安全问题

在数据化时代里,企业内部的文件传输永远是刚需,而因为 FTP协议的简单、易用、广泛支持等优点,让很多企业早期都普遍使用,随着数量量的增多,和对安全的要求越来越高,FTP也暴露出了一些列问题,小编…

【起草】【第十二章】定制ChatGPT数字亲人

身为普普通通的我们,不知道亲人们在哪一天就要离开这个世界 ? 作为普普通通的程序员,我们可以为我们的亲人做点什么 ? 让他们以数字资产形式留在人世间 ? 对话|6岁女孩病逝捐器官,妈妈:她去…

互联网大厂面试题目

阿里篇 1.1.1 如何实现一个高效的单向链表逆序输出? 1.1.2 已知sqrt(2)约等于1.414,要求不用数学库,求sqrt(2)精确到小数点后10位 1.1.3 给定一个二叉搜索树(BST),找到树中第 K 小的节点 1.1.4 LRU缓存机制 1.1.5 关于epoll和…