WEB实训

 1   创建JavaScript脚本片段
html4 版本
<script language="JavaScript" type="text/javascript">

</script>


html5版本
<script>
————
——
</script>

  2  使用外部的JavaScript文件
<script language="javaccript" type="text/javascript" src="file.js"></script>

  3  在属性值中使用JavaScript
<input type="button" value="提交" οnclick="alert(’确定要提交吗?‘)“/>

document对象:
    getElementByld()                   返回对拥有指定id的第一个对象的引用
    getElement是B有Name()       返回带有指定名称的对象的集合
    getElementsByTagName()    返回带有指定标签名的对象的集合
    write()                                     向文档写文本,HTML表达式或JavaScript代码

Date 对象的方法
    seconds和Minutes                     2至59
    Hours                                          0至23
    Day                                             0至6(星期几,0代表星期天)
    Date                                            1至31(月份中的天数)    
    Months                                       0至11(一月至十二月,0代表1月)

需求一:


需求说明
*根据客户时间,输出问候语
*简化:根据客户输入的时间输出问候语

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

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

3.判断即分支语句
   if(a<12){
            
        }else if(a<18){
            
        }else if(a<24){
            
        }

4.如何输出数据即输出方法
if(a<12){
            document.write("上午好")
        }else if(a<18){
            document.write("中午好")
        }else if(a<24){
            document.write("晚上好")
        }

2.需求二:


需求说明
*根据客户电脑时间,在指定位置输出问候语(<div>__好</div>)
  代码
<div id="one" style="color: #1c18ee ;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>

3.需求三:

练习Date()内置函数

代码

<body>
<script>
   var today=new Date();//获取当前时间
    var hh=today.getHours();//获取小时 分钟 秒
    var mm=today.getMinutes();
    var ss=today.getSeconds();
    document.getElementById("myclock").innerHTML=hh+"_"+mm+"_"+ss
</script>
</body>

 

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值