Web实训知识点–0312
JavaScript是一种基于对象和事件驱动客户端脚本语言
1：创建JavaScript脚本片段（在脚本语言内）
HTML4版本：
<script language="JavaScript"type="text/javascript"></script>
HTML5版本：
<script></script>
使用外部的JavaScript文件
<script language="JavaScript"type="text/javascript"src="fle.js"></script>
外部样式表：
<head>
<Link rel="stylesheet"type="text/css"href="mystyke.css">
</head>
内部样式表：
<head>
<style type=text/css>
h1{color.sienna;}
p{font-size:20px;}
</style>
</head>
练习1：
1：客户输入时间，电脑弹出问候语
简化：
a：客户输入时间
b：用变量来存储
c：根据时间判断上，中，下午
d：给用户输入结果
代码：
<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>
练习2：
1,根据客户电脑时间，在指定位置输出问候语（div）
简化：
a：根据电脑时间，我们需要获取电脑时间，获取时间的方法。
b：需要变量来存储
c：判断分支语句
d：获取指定div的id或者class，获取元素的方法
e：然后用变量存储获取的元素
f：通过元素来添加时间内容
代码：
<body>
<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>
</body>
练习3：
Date()内置函数
var today=new Date();//获得当前时间
var hh=today.getHours();//获得小时，分钟，秒
var mm=today.getMinutes();
var ss=today.getSeconds();
document.getEementByld(“myclock”).innerHTML=hh+":"+mm+":"+ss
document对象：
| getElementByld() | 返回对拥有指定id的第一个对象的引用 |
|---|---|
| getElementByName() | 返回带有指定名称的对象的集合 |
| getElementsByTagName() | 返回带有指定标签名的对象的集合 |
| write() | 文档写文本，HTML表达式或JavaScript代码 |
Date对象的方法：
| 值 | 整数 |
|---|---|
| Seconds和Minutes | 0~59 |
| Hours | 0~23 |
| Day | 0~6(星期几) |
| Date | 1~31（月份中的天数） |
| Months | 0~11(一月至十二月) |
900
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
