WEB页面设计实训课堂笔记 06DYL

最新推荐文章于 2023-06-09 09:07:48 发布

XUEXIWEIYUAN'

最新推荐文章于 2023-06-09 09:07:48 发布

阅读量171

点赞数

本文链接：https://blog.csdn.net/weixin_44762370/article/details/88571302

版权

javascript语言基础

javascript是一种基于对象和事件驱动并具有相对安全性的客户端脚本语言。同时也是一种广泛用于客户端WEB开发的脚本语言，常用来给HTML（标准通用标记语言的子集）网页添加动态功能，比如响应用户的各种操作。

为了取得技术优势，微软推出了JScript,CEnvi推出ScriptEase,与JavaScript同样可在浏览器上运行。为了统一规格，因为JavaScript兼容于ECMA标准，因此也称为ECMAScript.

基本特点：1、基于对象2、简单性3、动态性4、平台无关性5、安全性

在HTML中创建脚本JavaScript片段，需要把所有的JavaScript片段，需要把所有的JavaScript代码放置在<script>标签中

例：内部<script language="JavaScript"type="text/JavaScript"> //JavaScript代码</script>

外联：

JavaScript注释方式：

单行注释//，多行注释/* */

使用外部的JavaScript文件

首先需要创建一个JavaScript文件，保存在站点中，再使用下面的方法将外部JavaScript脚本文件引入到当前界面： <script language="JavaScript' type= "text/JavaScript" src="file.js'></script> 注：属性src用来指定外部JavaScript脚本文件的路径，且<script></script>标签要嵌入<head></head>标签之间。需要注意的是在JavaScript脚本文件中，不需要加入<script></script>标记，直接编写JavaScript代码即可。

课堂练习。

1、需求1
需求说明
a) 根据客户时间，输出问候话。
b）简化：根据客户输入的时间给出问候话

//在JS中用户输入时间即输入方法prompt("请输入时间：") 如何存储数据即变量存储 a= prompt（"请输入时间："）判断分支语句if(a<=12) else if(a<=18) else if(a,=24) 如何输出数据即输出方法 document.write("上午好/下午好/晚上好")

js转化说明
1、用户输入一个时间
2、用变量存储
3、根据时间判断上、下午或晚上。
4、给用户输出结果

总体代码：
<!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>

2、需求二
需求说明
a) 根据客户电脑时间，在指定位置输出问候语（<div>——好<div>）
js转化说明
1、根据电脑时间，我们需要获取电脑时间获取时间方法
2、需要变量来存储
3、判断分支语句
4、获取指定div的id或者class 获取元素方法
5、然后用变量存储获取的元素
6、通过元素来添加时间内容。

<body>
<div id="one" style="color:#255e95;width: 100px;height:100px;border:1px solid black"></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（）内置函数

Date对象的方法

值	整数
sencond和minutes	0-59
Hours	0-23
Day	0至6（星期几）
Date	1-31（月份中的天数）
Months	0-11（1-12月）

var today=new Date();//获得当前时间
var hh = today.getHours();//获得小时，分钟，秒
var mm = today.getMinutes();
var ss = today.getSeconds();
document.getElementByld("myclock").innerHTML=hh+"."+mm+"."+ss

本节课需掌握知识点：1、掌握脚本的基础结构2、掌握常用输入输出语句3、掌握变量的定义4、理解JavaScript的数据类型5、学会使用分支语句6.了解表达式、操作符、运算符 7、文档对象等。0312

XUEXIWEIYUAN'

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
WEB页面设计实训课堂笔记 06DYL

javascript语言基础javascript是一种基于对象和事件驱动并具有相对安全性的客户端脚本语言。同时也是一种广泛用于客户端WEB开发的脚本语言，常用来给HTML（标准通用标记语言的子集）网页添加动态功能，比如响应用户的各种操作。为了取得技术优势，微软推出了JScript,CEnvi推出ScriptEase,与JavaScript同样可在浏览器上运行。为了统一规格，因为JavaSc...
复制链接

扫一扫