Web前端开发笔记--Javascript

JavaScript基础

JavaScript简介:JavaScript是一种基于对象和事件驱动并具有相对安全性的客户端脚本语言,广泛用于客户web开发的脚本语言, 常用来给HTML(标准通用标记语言的子集)网页添加动态功能,比如响应用户各种操作。

JavaScript特点:1.一种解释性脚本语言(代码不进行预编译)2.主要用来向HTML页面添加交互行为 3.可以直接嵌入HTML页面   4.可以在多种平台下运行

JavaScript特性:1.基于对象 2.简单性 3.动态性 4.平台无关性 5.安全性

JavaScript语法基础:在网页中使用JavaScript 1.在HTML中创建脚本JavaScript片段 如下代码所示:

<script language="JavaScript" type="text/JavaScript">

//JavaScript代码

</script>

2.使用外部的JavaScript文件 3.在属性值中使用JavaScript 

 

练习题

1.需求一

需求说明

a)根据客户时间,输出问候语

b)简化:根据客户输入的时间给出问候语

c)js简化说明

①用户输入的一个时间

②用变量储存

③根据时间判断上午下午或晚上

④给用户输出结果

document.write("上午好")

总体代码:

<script>

a = prompt("请输入时间(eg:下午16点 即输入:16)时间为0-24:")

if(a<=12)

        document.write("上午好")

}else if(a<=18)

        document.write("中午好")

}else if(a<=18)

        document.write("晚上好")

</script>

2需求二

需求说明

a) 根据客户电脑时间,在指定位置输出问候语 (<div>____好<div>)

js转化说明:

1.根据电脑时间,我们需获取电脑时间,获取时间方法

2.需要变量来储存

3.判断分支语句

4.获取指定的div的id或者dass。获取元素的方法

5.然后用变量储存获取的元素

6.通过元素来添加时间内容

总体代码:

<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 text = document.getElementByld("one");

       if(hours<=12){

             text.innerHTML = "上午好"

} else if (hours<=18) {

             text.innerHTML ="下午好"

} else if (hours<=24) {

             text.innerHTML = "晚上好"

}

</script>

</body>

3.练习Date()内置函数

var today = new Date();//获得当前时间

var hh = today.getHours(); //获得小时、分钟、秒

var mm = today.getMinutes();

var ss = today.getSeconds();

document.getElementByld("myclock").innnerHTML=hh+"."+mm+"."+ss

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值