web实训知识点0312

javaScript简介：
javaScript是互联网上最流行的脚本语言（不需要编译，即可直接运行）。主要运用在HTML和web当中。
JavaScript是基于对象和事件驱动的客户端脚本语言。
javascript基础语法：
基本结构：<script> javascript语句 </script>
常用的输入输出语句：
prompt("");
document.write("");
alert("");

变量的声明和赋值

var name=“zhangsan”;//name是字符串类型
var ——用于声明变量的关键字
name——变量名
var age=20；//age是整型

Date对象的方法

| Seconds和 Minutes| 0至9 |
|–Hours|-0至23-|
| Day | 0至6（星期几） |
|Date| 1至31 （月份中的天数）|
|-Months-|-0至11（一月至十二月）-|

var 日期对象=new Date（参数）

document对象

每个载入浏览器的 HTML 文档都会成为 Document 对象。
Document 对象使我们可以从脚本中对 HTML 页面中的所有元素进行访问

分支语句

分支语句让程序有选择的执行，分支一共有三种：单分支、双分支和多分支

三种访问页面元素的区别

getE1ementById() 按元素的ID名称来访问
getE1ementsByName() 按元素的name名称来访问
getE1ementByTagName() 按标签来访问

练习：

1.根据客户时间输出问候语（时间–变量存储–判断）
代码：

<script>     
 a = prompt("请输入时间)       
 if(a<=12){
            document.write("上午好")        
}else if(a<=18){            
            document.write("中午好")        
}else if(a<=24){            
            document.write("晚上好")        
}   
 </script> 

2.根据用户输入的时间输出问候语

<script language="JavaScript" type="text/javascript">
        var text=""; day = new Date( ); time = prompt("请输入时间(eg:下午16点 既输入:16)时间为0-24");
        if (( time>=0) && (time < 8 ))
            text="早上好!"
        if (( time >= 8 ) && (time < 12))
            text="上午好!"
        if (( time >= 12) && (time < 14))
            text="中午好!"
        if (( time >=14) && (time < 18))
            text="下午好!"
        if ((time >= 18) && (time <= 22))
            text="晚上好!"
        if ((time >= 22) && (time <= 24))
            text="晚上好!"
        document.write(text)
    </script

用户输入一个时间。
用变量存储。
根据时间判断上、中、下午好或晚上好。
给用户输出结果

3： 在指定位置根据用户时间输出问候语(

)
要求 需要变量存储
判断分支语句
输出 在指定位置输出问候语
获取 div的id或者class 获取元素方法
通过变量存储获取的元素判断来添加时间内容

  div id="one" style="color: coral; height: 100px; width:  100px; border: 1px solid cyan">
            
        </div>
        <script type="text/javascript">
            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>