添加摘要
添加摘要
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>