您的位置:首页 > 其它

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

2017-10-06 15:41 260 查看

一、   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);

<script type="text/javascript">

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:事件源

------------------------------------------------------------------------------------------------
本文均为学习笔记,仅供个人参考。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息