添加摘要
添加摘要
js 课程总结
引用方式
-
外部样式表 —— 创建
.js文件,编辑html文件时，<script lang="javascript" type="text/javascript" src="">使用相对路径在src中引用 -
内部样式表 —— 在
<head>或者<body>里面放<script type="text/javascript"></script> -
内联样式表 —— 在元素放入
重点：嵌套：
| 1.用脚本（怎么用）放置（Javascript/script标签里面） | 代码 |
|---|---|
| 2.上一代H4 | <scriptlanguage=“JavaScript” type=“text/Javascript”> |
| 3.HTML5 | <script></script> |
| 4.js写在元素里面 |
扩展：
-
用户输入一个时间
-
用变脸存储
-
根据时间上判断上、下午或晚上
-
给用户输出结果
转换
a. 在js中如何让用户输入数据，即输入方法
b.如何存储数据即变量存储——使用 var a prompt（“请输入时间（eg：下午16：00即输入16）时间为0-24；”）；
c.判断分支语句——单支语句 if 或 多分支 if 、else if，switch
d.如何输出数据即输出方法——document对象访问 Html文档 和 标签
掌握Javascript基础语法：
-
掌握脚本的基本结构
-
掌握常用输入输出访问句
-
掌握变量定义
代码如下：
<html>
<head>
<script>
var a = prompt("请输入时间（eg：下午16：00即输入16），时间为0-24");
if(a<12){
document.write("上午好");
}else if(a<18){
document.write("中午好");
}else if(a<24){
document.write("晚上好");
}
</script>
</head>
<body></body>
</html>
**************************
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
根据电脑时间，在指定的位置输出问候语句.
简化：
1. 根据电脑时间、我们需要获取电脑时间=>获取时间方法
2. 需要变量来存储，判断分支语句，在指定位置输出问候语=>指定位置。
3. 获取指定div的“id”或者class通过js获取元素方法。然后用变量存储在该获取的元素通过元素来添加时间、内容。
<html>
<head>
</head>
<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 test =document.getElementById("one");
if(hours<=12){
test.innerHTML="上午好";
}else if(hours<=18){
test.innerHTML="中午好";
}else if(hours<=24){
test.innerHTML="晚上好";
}
</script>
</body>
</html>
练习Date（）内置函数
注意getElementById是获取html文档的 id
<html> <head> </head>
<body>
<div id="myclock"></div>
<script>
var today = new Date();
var hh= today.getHours();
var mm= today.getMinutes();
var ss= today.getSeconds();
document.getElementById("myclock").innerHTML=hh+"."+ss;
</script>
</body>
</html>
3502
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
