09 Date + BOM

日期时间对象date

        =>1. 作用: 处理日期时间

        =>2. Date 日期类型

        =>3. 创建对象:                

                => 当前时间

                  var date = new Date() // 构造函数方式

                  实例对象 对象名 引用变量

                  以中国标准时间形式显示

                => 创建指定时间的对象

                        var date = new Date(2021,10,1)

                        var date = new Date('2021-10-1')

        =>4. 方法

一、JavaScript获取当前年、月、日.
在JavaScript中,使用getFullYear()、getMonth()和getDate()这3种方法来获取当前的年、月、日。
JavaScript获取当前年、月、日
方法                 说明
getFullYear()    返回一个表示年份的4位数字
getMonth()     返回值是0(一月)到11(十二月)之间的一个整数
getDate()      返回值是1~31之间的一个整数
举例:
    <script type="text/javascript">
        var d = new Date();
        var my_day=d.getDate();
        var my_month=d.getMonth()+1;
        var my_year=d.getFullYear();
        document.write("今天是"+my_year+"年"+my_month+"月"+my_day+"日");
    </script>
 
二、 JavaScript方法获取当前时、分、秒
 
在JavaScript中,使用getHours()、getMinutes()、getSeconds()这3种方法分别用来获取当前的时、分、秒。
   <script type="text/javascript">
        var d = new Date();
        var my_hours=d.getHours();
        var my_minutes=d.getMinutes();
        var my_seconds=d.getSeconds();
        document.write("当前时间是:"+my_hours+":"+my_minutes+":"+my_seconds);
    </script>
 

        =>5.示例

                1. 格式化时期时间

                Thu Aug 25 2022 09:30:30 GMT+0800 (中国标准时间)

                -> 2022年8月25日 09时:30分:30秒

                -> 2022/8/25 09:30:30

                -> 2022-8-25 09:30:30

javascript三部份组成

        ECMASCRIPT           javascript语法

         BOM                         浏览器对象模型

        DOM                          文档对象模型

BOM

        作用: 操作浏览器的能力

        window对象 浏览器窗口对象

                => 系统创建window

                => 属性和方法

                        子对象:

                                history 子对象-> 历史记录对象

                                location 子对象 -> 地址栏对象 (位置对象)

                                document 子对象 -> 文档对象 html文档 重点学习

                                navigator,包含浏览器相关信息

                                screen 用户显示屏幕相关属性

                        常用方法

                                alert() 信息提示框

                                confirm() 信息确认框

                                prompt() 信息输入框

                                window.alert() =>使用window根对象属性或方法时,window对象可以省略

                                open() 打开浏览器窗口

                                        window.open(URL, 窗口名称, 参数);

                                        window.close()

                                setTimeout() 倒计时定时器

                                setInterval() 循环定时器

                                        语法:

             // 启动倒时器定时器
               var timer = window.setTimeout(function(){
                   //定时器执行的代码
               },1000)

               clearTimeout(timer) // 清除定时器


              var timer = window.setInterval(function(){
                  //执行代码
              },1000)

              clearInterval(timer)

                history

                        作用: 操作历史记录

                        创建对象: window.history

                        方法

                                back() 后退

                                forward() 前进

                                go(-1)        go(1)

                location

                        位置对象,地址栏对象

                        刷新 url地址栏输入框

                        window.location

                        方法和属性

                                href属性

                                        location.href

                                        => 获取当前页面url地址

                                        => 设置url -> 跳转url地址对应页面

                                方法

                                        reload() 刷新界面

        浏览器的 onscroll 事件

                        

 

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值