返回 JS提升篇案例...... 登陆

JS提升篇案例及总结

草原上的星辰 2018-12-07 17:44:50 207
 <!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之间的一个整数)


最新手记推荐

• 用composer安装thinkphp框架的步骤 • 省市区接口说明 • 用thinkphp,后台新增栏目 • 管理员添加编辑删除 • 管理员添加编辑删除

全部回复(0)我要回复

暂无评论~
  • 取消 回复 发送
  • PHP中文网