web实训——3.12

最新推荐文章于 2022-06-06 00:10:21 发布

也平凡

最新推荐文章于 2022-06-06 00:10:21 发布

阅读量327

点赞数

本文链接：https://blog.csdn.net/tyc5201314like/article/details/88545157

版权

1.JavaScript的基本语法

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

a.创建JavaScript脚本片段
html4 版本
<script language="JavaScript" type="text/javascript">

</script>

html5版本
<script>
————
——
</script>

b.使用外部的JavaScript文件
<script language="javaccript" type="text/javascript" src="file.js"></script>

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

2.JavaScript的补充课件

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

document对象：

getElementByld（）	返回对拥有指定id的第一个对象的引用
getElement是B有Name（）	返回带有指定名称的对象的集合
getElementsByTagName（）	返回带有指定标签名的对象的集合
write（）	向文档写文本，HTML表达式或JavaScript代码

Date 对象的方法：

seconds和Minutes	2至59
Hours	0至23
Day	0至6（星期几）
Date	1至31（月份中的天数）
Months	0至11（一月至十二月）

练习
1.需求一：
需求说明
*根据客户时间，输出问候语
*简化：根据客户输入的时间输出问候语

分析简化：

1.用户输入一个时间
2.用变量存储
3.根据时间判断上下午或者晚上
4.给用户输出结果

转换：
1.在js中如何让用户输入数据即输入方法

  prompt（”请输入时间：“）

2.如何存储数据即变量存储

   a=prompt（”请输入时间：“）

3.判断即分支语句

  if(a<12){                    }
else if(a<18){                    }
else if(a<24){                    }

4.如何输出数据即输出方法

if(a<12){            document.write("上午好")        }
else if(a<18){            document.write("中午好")        }
else if(a<24){            document.write("晚上好")        }

完整代码：

<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.需求二：
需求说明
*根据客户电脑时间，在指定位置输出问候语（<div>__好</div>）
*简化：
1.根据电脑时间，我们需要获取电脑时间，获取时间方法
2.需要变量来存储
3.判断分支语句
4.获取指定div的id或者class，获取元素方法
5.然后用变量存储获取的元素
6.通过元素来添加时间类容

完整代码：

<div id="one" style="color: #1c18ee ;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>

3.需求三：练习Date（）内置函数

<script>   var today=new Date();//获取当前时间  
  var hh=today.getHours();//获取小时 分钟 秒  
  var mm=today.getMinutes();   
 var ss=today.getSeconds();   
 document.getElementById("myclock").innerHTML=hh+"_"+mm+"_"+ss</script>

完整代码：

<body><div id="myclock" style="color: #255e95;"></div><script>    
var today = new Date();    
var hh=today.getHours();    
var mm=today.getMinutes();    
var ss = today.getSeconds();    
document.getElementById("myclock").innerHTML=hh+":"+mm+":"+ss;</script></body>

也平凡

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
web实训——3.12

1.JavaScript的基本语法JavaScript是一种基于对象和事件驱动客户端脚本语言a.创建JavaScript脚本片段html4 版本&lt;script language="JavaScript" type="text/javascript"&gt;&lt;/script&gt;html5版本&lt;script&gt;——————&lt;/script...
复制链接

扫一扫