日期和时间
ECMAScript提供了Date类型来处理时间和日期。Date类型内置一系列获取和设置日期时间信息的方法。
创建日期对象和调用
创建一个日期对象,使用new运算符和Date构造方法(构造函数)即可
var time = new Date(); //创建一个日期对象Sun Jul 07 2019 22:35:41 GMT+0800 (中国标准时间)
console.log(time.toDateString());//2019 获取年份
getTime() 获取日期的毫秒数,和valueOf()返回一致
setTime() 以毫秒数设置日期,会改变整个日期
getFullYear() 获取四位年份
setFullYear() 设置四位年份,返回的是毫秒数
getMonth() 获取月份,没指定月份,从0开始算起
setMonth() 设置月份
getDate() 获取日期
var time = new Date('2014,5,27')或var time = new Date(2014,5,27); //Tue May 27 2014 00:00:00 GMT+0800 (中国标准时间)
在调用Date构造方法而不传递参数的情况下,新建的对象自动获取当前的时间和日期。
alert(time); //不同浏览器显示不同
DOM介绍
DOM(Document Object Model)即文档对象模型,针对HTML和XML文档的API(应用程序接口)。
DOM描绘了一个层次化的节点树,允许开发人员添加、移除和修改页面的某一部分。
DOM脱胎于Netscape及微软公司创始的DHTML(动态HTML),但现在它已经成为表现和操作页面标记的真正跨平台、语言中立的方式。
D(文档)可以理解为整个Web加载的网页文档;
O(对象)可以理解为类似window对象之类的东西,可以调用属性和方法,这里我们说的是document对象;
M(模型)可以理解为网页文档的树型结构。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<div id="aa" name=‘aa’ title=‘aa’></div>
<div class="aa"></div>
<div class="bb"></div>
<script>
var time = new Date();
console.log(time);
var times = new Date('2014.5.27');
console.log(time.toLocaleTimeString());
</script>
<!-- <script src="./for.js"></script> -->
</html>
getElementById() 获取特定ID元素的节点
console.log(document.getElementById('aa'));//获取id元素
getElementByclass() 获取特定class元素的节点
console.log(document.getElementsByClassName('aa'));//获取class节点
getElementsByTagName() 获取相同元素的节点列表
console.log(document.getElementsByTagName('span'));//获取span元素
getElementsByName() 获取相同名称的节点列表
console.log(document.getElementsByName('aa'));