Web实训笔记—3.12

最新推荐文章于 2022-04-07 14:01:05 发布

是在为难我静香

最新推荐文章于 2022-04-07 14:01:05 发布

阅读量236

点赞数

本文链接：https://blog.csdn.net/txy114116/article/details/88600278

版权

笔记

播客格式：
第四组_0312_博客记录

学号姓名播客地址
37 唐玉 https://mp.csdn.net/mdeditor

一，JavaScript是一种基于对象和事件驱动客户端脚本语言
二，JaaScript基本语法
1，创建JavaScript脚本片段

html4版本
<script language="JavaScript" type="text/javascript">

</script>



html5版本

<script>

————

——

</script>

2，使用外部的JavaScript文件

<script language="javaccript" type="text/javascript" src="file.js"></script>

3，在属性值中使用JavaScript

<input type="button" value="提交" onclick="alert(’确定要提交吗？‘)“/>

三，Date对象的方法

值	整数
Seconds和Minutes	0至59
Hours	0至23
Day	0至9（星期几）
Date	1至31（月份中的天数）
Months	0至11（一月至十二月）

四，document对象


getElementById()	返回对拥有指定id的第一个集
getElementsByName()	返回带有指定名称的对象的集
getElementsByTagName()	返回带有指定标签的对象的集
write()	向文档写文本、HTML表达方式的代码

五，JavaScript知识点
a.基本语法基于对象和事件

b. 客户端脚本语言

c. 脚本语言
基本语法：
标识符注意事项
1.第一个字符必须是字母、下划线（_）或美元符号这3种其中之一，其后的字符可以是字母、数字或下划线、美元符号；
2.变量名不能包含空格、加号、减号等符号；
3.标识符不能和JavaScript中用于其他目的的关键字同名；
六，课堂练习
1.需求一
需求说明：
a.根据客户时间，输出问候语
b.简化：根据客户输入时间给出问候语

<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
    <title>Title</title>

    <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>
</head>
<body>

</body>
</html>

1.需求二
需求说明：
根据客户电脑时间，在指定位置输出问候语

<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>