您的位置：首页 > Web前端 > JavaScript

Web前端开发笔记--Javascript

2019-03-16 20:08 295 查看

JavaScript基础

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

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

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

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

//JavaScript代码

</script>

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

练习题

1.需求一

需求说明

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

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

c)js简化说明

①用户输入的一个时间

②用变量储存

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

④给用户输出结果

document.write（"上午好"）

总体代码：

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>

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

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航