您的位置：首页 > 其它

Web实训笔记_0312

2019-03-16 18:24 183 查看

练习回顾

练习一：根据用户输入时间，电脑给出问候语

  • 用户输入时间
  • 用变量来存储
  • 根据时间判断上，中，下午
  • 给用户输入结果
[code]<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>

练习二：根据用户当前时间，计算机在指定位置给出问候语

  • 根据电脑时间，我们需要获取电脑时间，获取时间的方法。
  • 需要变量来存储
  • 判断分支语句
  • 获取指定div的id或者class，获取元素的方法
  • 然后用变量存储获取的元素
  • 通过元素来添加时间内容
[code]<div id="one"style="color:#255e95;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>

注意这里的js代码块要放在div下方，不然最后输出的位置会在“one”下方，不会在里面

练习三：Date()内置函数
var today=new Date();
var hh=today.getHours();
var mm=today.getMinutes();
var ss=today.getSeconds();
document.getEementByld(“myclock”).innerHTML=hh+":"+mm+":"+ss

知识点回顾：

一、

JavaScript是一种基于对象和事件驱动客户端脚本语言

1.引入外部文件

[code]<script language="JavaScript"type="text/javascript"src="fle.js"></script>

2.外部样式表

[code]<head>
<Link rel="stylesheet"type="text/css"href="mystyke.css">
</head>

3.内部样式表

[code]<head>
<style type=text/css>
h1{color.sienna;}
p{font-size:20px;}
</style>
</head>

Document对象：

getElementByld() 返回对拥有指定id的第一个对象的引用
getElementsByName() 返回带有指定名称的对象的集
getElementsByTagName() 返回带有指定标签的对象的集
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航