18、Date对象、常用方法、对象、标签、事件

来源：互联网发布：logitech g502 mac 编辑：程序博客网时间：2024/06/06 03:43

一、 Date对象：

1、初始化：

1.1、var n1=new Date();

1.2、var n2=new Date("1999/9/9 6:6:6");

1.3、var n3=new Date(1999,9,9,9,9,9);

1.4、var n4=new Date(15353151502);

var n1=new Date();

var n2=new Date("1999/9/96:6:6");

var n3=new Date(1999,9,9,9,9,9);

var n4=new Date(15353151502);

document.write(n1.toLocaleString()+"<br/>");

document.write(n2.toLocaleString()+"<br/>");

document.write(n3.toLocaleString()+"<br/>");

document.write(n4.toLocaleString());

</script>

注意：toLocaleString()：以当前本地格式现实：

year：表示完整的年份；

month：表示月份，从0-11之间的整数（1-12月）；

date：表示日期，从1-31之间的整数；

hours：表示小时，从0-23之间的整数（午夜到11pm）；

minutes：表示分钟，从0-59之间的整数；

seconds：表示秒钟，从0-59之间的整数；

ms：表示毫秒，从0-999之间的整数。

2、常用方法：

2.1、getFullYear()：//获取年份；

2.2、getMonth()：//获取月份；

2.3、getDate()：//获取日期；

2.4、getHours()：//获取小时；

2.5、getMinutes()：//获取分钟数；

2.6、getSeconds()：//获取秒数；

2.7、getMilliSeconds()：//获取毫秒值；

2.8、getDay()：//返回一个处于0-6之间的整数，代表一周中的某一天（0表示星期天）；

2.9、getTime()：//获取从1970年1月1日午夜开始到当前时间日期的毫秒值；

2.10、setFullYear(n) ：//设置年份；

2.11、setMonth()：//设置月份；

2.12、setDate()：//设置日期；

2.13、setHours()：//设置小时；

2.14、setMinutes()：//设置分钟数；

2.15、setSeconds()：//设置秒数；

2.16、setMilliSeconds()：//设置毫秒数；

2.17、~~setDay()：//设置星期。~~

二、对象：

广义指的是在内存上一段有意义的区域，一类中的具体的实例。

<script type="text/javascript">var obj={name:"HHX",age:100,study:function(){alert("php");}}console.log(obj.name);console.log(obj.age);obj.study();</script>

三、标签：（HTML属性、CSS属性）

HTML：对象.HTML属性=值；

CSS：对象.style.CSS属性=”值”

1、获取对象的方法：

id：document.getElementById('id名');

2、事件，用户的动作

onclick=""：点击

onmouseover=""：鼠标放上

onmouseout=""：鼠标离开

innerHTML：对象中所有的内容（文本内容和标签内容），指的是双标签、容器标签；

innerTexxt：获取对象中所有的文本内容

在JS页面获得的内容都是字符串。

<body><div id="div1"><p>p标签</p><a href="">连接</a></div></body><script type="text/javascript">var d1=document.getElementById('div1');alert(d1.innerHTML);console.log(d1.innerText);</script>

四、事件：

1、鼠标事件：

onclick：点击；

onmouseover：鼠标放上；

onmouseout：鼠标离开；

ondbclick：双击；

onmousedown：鼠标按下；

onmouseup：鼠标抬起；

onmousemove：鼠标移动；

2、表单时间：

onfocus：获得焦点；

onblur：失去焦点

onsubmit：提交事件

onchange：当发生改变的时候

onreset：重置事件

3、键盘时间：

onkeyup：键盘抬起；

onkeydown：键盘按下；

onkeypress：键盘按键一次；

4、窗口事件：

onload事件：页面加载完成之后立刻执行的事件；

调用方式：

<script type="text/javascript">window.onload=函数名;</script>

<body onload="函数名()"></body>

5、event：

保存事件发生时的相关的信息；

event：必须通过实际参数的形式传递给函数，才可以使用

event.clientX：时间发生时的x的坐标；

event.clientY：时间发生时的y的坐标；

event.target：事件源

------------------------------------------------------------------------------------------------
本文均为学习笔记，仅供个人参考。

阅读全文

0 0