web实训知识点0312

最新推荐文章于 2022-04-07 13:27:18 发布

hdjdhdhdvs

最新推荐文章于 2022-04-07 13:27:18 发布

阅读量148

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/hdjdhdhdvs/article/details/88596359

1.JavaScript的基本语法

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

a.创建JavaScript脚本片段
html4 版本

html5版本

b.使用外部的JavaScript文件

c.在属性值中使用JavaScript
<input type=“button” value=“提交” "alert(’确定要提交吗？‘)“/>

2.JavaScript的补充课件

掌握javascript基本语法
*掌握脚本的基本结构
*掌握常用输入输出语句
*掌握变量的定义
*理解javascript的数据类型
@基本数据类型
1.数值类型
2.布尔类型
3.字符串类型
@符合数据类型
数组与对象
@特殊数据类型
Null和undefine
*学会使用分支语句
1.顺序语句
2.分支语句
练习

需求1

根据客户时间，输出问候语

简化：根据客户输入时间给出问候语

需求2

根据客户电脑时间，在指定位置输出问候语

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div id="one"style="color: aquamarine ;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>
</html>