Web实训知识点——3.12

Date对象的方法：

值	整数
Seconds和Minutes	0至59
Hours	0至23
Day	0至6(星期几）
Date	1至31(月份中的天数）
Months	0至11（一月至十二月）

Document对象：

getElementByld()	返回对拥有指定id的第一个对象的引用
getElementByName()	返回带有指定名称的对象的集合
getElementsByTagName()	返回带有指定标签名的对象的集合
write()	文档写文本，HTML表达式或JavaScript代码

系统函数
document.write（“中午好，欢迎来到海软”）；
prompt（“请输入一个时间值，0至24”，“12”）；

自定义函数
关键字：function

document
*JavaScript通过document类型表示文档。在浏览器中，document对象是HTML document的一个实例，表示整个HTML页面。document对象是window对象的一个属性。

*document类型可以表示HTML页面或者基于XML页面的文档。

*例如可以通过document对象访问HTML文档中的标签，这些标签称之为document的子节点，如html、bady以及bady所包含的子标签等。

练习
需求一：

1用户输入一个时间

2用变量存储

3根据时间判断上午、下午、晚上

4给用户输出结果
转换：

①在js中如何让用户输入数据即输入方法
prompt(“请输入时间:”)

②如何存储数据即变量存储
a=prompt(“请输入时间:”)

③判断即分支语句
if(a<=12){

    }else if(a<=18){
       
    }else if(a<=24){
        
    }

④如何输出数据即输出方法

总代码：

       < script>
           a=prompt("请输入时间（eg:下午16点 即输入：16）时间为0-24")

           if(a<=12){

           document.write ("上午好")
           }else if(a<=18){

           document.write ("中午好")
           }else if(a<=24){

           document.write ("晚上好")
           }
        <script>

需求二：
说明：根据客户电脑时间，在指定位置输出问候语
（< d i v >–</d i v >）
js转化说明
1.根据电脑时间，我们需要获取电脑时间，获取时间方法
2.需要变量存储
3.判断分支语句
4.获取指定div的id或者dass 获取元素方法
5.然后用变量存储获取元素
6.通过元素来添加时间类容

总代码：

       <div id="one" style="color: #99cc00;width: 100px;height: 100px;border: 1px solid red"></div>
       <script>

       var date=new Date();

       var hours=date.getHours();

       var text=document.getElementById ("one")
       if(hours<=12){

       text.innerHTML ("上午好")

       }else if(hours<=18){

       text.innerHTML("中午好")

       }else if(hours<=24){

       text.innerHTML ("晚上好")

       }

       </script>

       <script>

       a=prompt("请输入时间（eg:下午16点 即输入：16）时间为0-24")


       if(a<=12){

       document.write ("上午好")
       }else 
       if(a<=18){

       document.write ("中午好")
       }else 
       if(a<=24){

       document.write ("晚上好")
       }
       <script>