您的位置：首页 > 其它

Web实训知识点--0312

2019-03-16 11:55 99 查看

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(一月至十二月)

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航