Javascript内置对象之Date对象与HTML BOM

Date对象方法

getFullYear()、getMonth()、getDate()、getDay()可以从 Date 对象中分别返回四位数字表示的年份、月份 (0 ~ 11)、一个月中的某一天 (1 ~ 31)、一周中的某一天 (0 ~ ）。
getYear() 、getHours()、getMinutes()、getSeconds()返回 Date 对象的小时 (0 ~ 23)、分钟 (0 ~ 59)、秒数 (0 ~ 59)、毫秒(0 ~ 999)。这几个方法够实现显示时间的功能，代码如下：

<html ><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>获取时间</title><script>function Time(){var date = new Date();var year = date.getFullYear();var month = date.getMonth()+1;month = month<10 ? "0"+month:month;var day = date.getDate();day = day<10 ? "0"+day:day;var week="日一二三四五六".charAt(date.getDay());//获得单个字符var hour = date.getHours();var hourPeriod = hour<12 ? "上午":"下午";hour= hour<10 ? "0"+hour:hour;var minute = date.getMinutes();minute= minute<10 ? "0"+minute:minute;var second = date.getSeconds();second = second<10 ? "0"+second:second;document.getElementById("current_time").innerHTML="当前时间："+year+"-"+month+"-"+day+" 星期"+week+" "+hourPeriod+hour+":"+minute+":"+second;setInterval("Time()", 1000);}</script></head><body onload="Time()"><div id="current_time">北京时间：2018-08-10 星期五 上午00:38:35</div></body>
</html>

HTML BOM

Window对象：Window对象表示一个浏览器窗口或一个框架。

Window 对象属性：
document：对Document 对象的只读引用。请参阅Document 对象
history：对History对象的只读引用。请参数 History 对象。
location：用于窗口或框架的Location对象。

Window对象方法

alert()显示带有一段消息和一个确认按钮的警告框。
confirm()显示带有一段消息以及确认按钮和取消按钮的对话框。如果用户点击确定按钮，则confirm() 返回 true。如果点击取消按钮，则 con
firm() 返回 false。
setInterva()按照指定的周期（以毫秒计）来调用函数或计算表达式。由setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。clearInterval()取消由 setInterval() 设置的 timeout。示例如下：

<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><script>var i=0;function Index(){document.getElementById("current_data").innerHTML=i;i++;}</script></head><body><div id="current_data">28</div><script type="text">var id = window.setInterval("Index()", 1000);</script></body></html>

setTimeout()指定的毫秒数后调用函数或计算表达式。由 setTimeout() 返回的 ID 值可用作 clearTimeout() ，方法的参数clearTimeout()取消由 setTimeout() 方法设置的 timeout。

<html ><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><script>var i=0;function showData(){document.getElementById("current_data").innerHTML=i;i++;}</script></head><body><div id="current_data">0</div><script>setTimeout("showData()", 1000);</script></body>
</html>

setInterval()与setTimeout()的区别在于前者是以某一周期执行函数，循环进行，而setTimeout()只能执行函数一次。

Document 对象：Document对象表示整个HTML文档
Document对象方法：

getElementById()：返回对拥有指定 id 的第一个对象的引用。
getElementsByName()：返回带有指定名称的对象集合。
getElementsByTagName()：返回带有指定标签名的对象集合。

Javascript内置对象之Date对象与HTML BOM相关推荐

Javascript内置的可迭代对象
数组Array 字符串String Map Set arguments Typed Arrays Generators,ES6新增加
JavaScript 内置对象（二）：Date 对象（构造函数、属性和方法）
Date 对象就是日期对象,它可以表示从年用毫秒的所有时间和日期.该对象是 JavaScript 内置对象中使用频率最高的一个对象. 1.Date 对象的构造函数 Date 对象的构造函数有以下4种: ...
JavaScript内置方法-Date对象
Date对象 >介绍是一个构造函数,使用时需要new,实例化主要看常用方法 console.log(new Date()); //返回电脑当前的时间 console.log(new Date ...
JavaScript 内置对象（一）：Array 对象（构造函数、属性和方法）
Date 对象就是日期对象,它可以表示从年用毫秒的所有时间和日期.该对象是 JavaScript 内置对象中使用频率最高的一个对象. 1.Date 对象的构造函数 Date 对象的构造函数有以下4种: ...
JavaScript内置对象一周知识点总结
了解作用域作用: 生效, 可以使用域: 范围一个东西可以生效的范围什么东西 ? 变量(变量名, 函数名) 其实就是一个变量可以生效的范围作用域分类 1. 全局作用域一个 html 页面就是 ...
04-前端技术_ javaScript内置对象与DOM操作
目录五,javaScript内置对象与DOM操作 1,JavaScript对象定义和使用 2,JavaScript内置对象 2.1 Array数组 2.1.1 创建方式 2.1.2 常用属性: 2. ...
JavaScript内置对象（内置对象、查文档（MDN）、Math对象、日期对象、数组对象、字符串对象）
目录 JavaScript内置对象内置对象查文档 MDN Math对象 Math概述案例一:封装自己的对象随机数方法 random() 案例一:猜数字游戏日期对象 Date 概述 Date( ...
javaScript基础学习 - 14 - JavaScript内置对象 -案例代码
javaScript基础学习 - 14 - JavaScript内置对象 -案例代码 1. Math对象最大值 2. 封装自己的数学对象 3. Math绝对值和三个取整方法 4. Math对象随机数方 ...
JavaScript进阶 - 第7章 JavaScript内置对象
第7章 JavaScript内置对象 7-1 什么是对象 JavaScript 中的所有事物都是对象,如:字符串.数值.数组.函数等,每个对象带有属性和方法. 对象的属性:反映该对象某些特定的性质的, ...
JavaScript内置对象之 Math数学对象
JavaScript中的对象分为自定义对象.内置对象.浏览器对象 JavaScript内置对象内置对象:就是指js语言自带的一些对象,这些对象供开发者使用,并提供了一些常用 ...

Javascript内置对象之Date对象与HTML BOM

Javascript内置对象之Date对象与HTML BOM相关推荐

最新文章

热门文章