JS提升篇案例及总结

原创 2018-12-07 17:44:50 8
摘要: <!DOCTYPE html> <html> <head>          <meta charset="UTF-8">        &
 <!DOCTYPE html>
<html>
<head>
         <meta charset="UTF-8">
         <title>案例</title>
</head>
<body>
         <script type="text/javascript">
                  var myday=new Date()
                  var month=new Array(12)
                      month[0]="1月"
                      month[1]="2月"
                      month[2]="3月"
                      month[3]="4月"
                      month[4]="5月"
                      month[5]="6月"
                      month[6]="7月"
                      month[7]="8月"
                      month[8]="9月"
            month[9]="10月"
            month[10]="11月"
            month[11]="12月"
        var week=new Array(7)
                week[0]="星期日"
                week[1]="星期一"
                week[2]="星期二"
                week[3]="星期三"
                week[4]="星期四"
                week[5]="星期五"
                week[6]="星期六"
        x=myday.getFullYear()
        y=month[myday.getMonth()]
        z=myday.getDate()
        m=myday.getHours()
        n=myday.getMinutes()
        l=week[myday.getDay()]       
        document.write("当前时间是"+x+"年"+y+z+"日"+m+":"+n+l)
         </script>
</body>
</html>

1. HTML DOM(文档对象模型)

当页面加载时,浏览器会创建页面的文档对象模型(Document Object Model)

         可以改变HTML元素的内容(操作html元素的内容)

查找html元素:

    通过ID来查找:document.getElementById("id名");

    通过class来查找:document.getElementByClassName("class名")

    通过标签名(tag name)来查找:document.getElementByTagName("tag名")

改变html元素内容(使用innerHTML)

改变html的属性(只能对元素自有属性进行一个操作)

语法:document.getElementById("id").属性名称="属性值"

2. HTML DOM(改变css)

改变css样式

语法:document.getElementById().style.属性名="属性值"

3.Date(日期和时间的操作)

获取年份 getFullYear()

获取月份 getMonth() 0代表的是1月,11代表的是12月

获取星期 getDay() 0代表的是周日,6代表周六(返回值是0~6之间的一个整数)

获取日期getDate()返回值是1~31之间的一个整数

获取小时 getHours()(返回值是0到23之间的一个整数)

获取分钟 getMinutes() (返回值是0~59之间的一个整数)

获取秒钟 getSeconds() (返回值是0~59之间的一个整数)


批改老师:欧阳克批改时间:2018-12-07 17:50:07
老师总结:写的不错,js控制日期时间,一般都用在日期选择上。展示型日期时间,后台做比较容易。

发布手记

热门词条