2018/10/11JavaScript学习第一课

最新推荐文章于 2024-08-05 18:01:56 发布

Soumns1

最新推荐文章于 2024-08-05 18:01:56 发布

阅读量169

点赞数

本文链接：https://blog.csdn.net/Soumns1/article/details/83014822

版权

今日作业

教学内容
课程重点
作业完成情况

教学内容

什么是编程语言？
软件编程的基本思路，流程控制和函数的概念；
JavaScript 介绍，理解 JavaScript 的书写规范和简单的程序代码。

课程重点

JavaScript 和 HTML 的关系；
如何运行 JavaScript 代码；
认识核心的函数 document.getElementById()的使用。

作业完成情况

1. 将课堂演示的代码理解的敲出来，并正确运行；

2. 预习 JavaScript 输出、语句、注释、变量、数据类型章节；

3. 完成一个字体样式设置功能的代码编写，可以改变字体的大小和颜色；

代码如下

<!DOCTYPE html>
<html>
<head>
	<title></title>
	<style type="text/css">
		body select#k1 {
			height: 20px;
			margin-top: 20px;
		}
		body select#k2 {
			height: 20px;
			margin-top: 25px;
			margin-left: 60px;
		}
	</style>
</head>
<body>
	<select id="k1" onchange="sum()">
		<option id="size1" value="20">20px</option>
		<option id="size2" value="40">40px</option>
		<option id="size3" value="60">60px</option>
	</select>
	<select id="k2" onchange="sun()">
		<option id="color1" value="#FF0000">红色</option>
		<option id="color2" value="#00FF00">绿色</option>
		<option id="color3" value="#0000FF">蓝色</option>
	</select>
	<hr>
	<h1 id="h">Hello JavaScript!</h1>
</body>
<script type="text/javascript">
	function sum() {
	var r = document.getElementById("k1").value;
	document.getElementById("h").style.fontSize = r + "px";
	}
	function sun() {
	var b = document.getElementById("k2").value;
	document.getElementById("h").style.color = b ;
	}
</script>
</html>

成果展示

在这里插入图片描述

4.问答题

a.JavaScript 的发展历史；

机器码——汇编语言——高级语言

b.JavaScript 和 Java 的区别；

本质： java是一种可以撰写跨平台应用软件的面向对象的程序设计语言，即使是开发简单的程序，也必须设计对象；而JavaScript是一种直译式脚本语言，它本身提供了非常丰富的内部对象供设计人员使用。

执行方式： Java是介于解释型和编译型语言之间的一种语言，java的源代码在传递到客户端执行之前，必须经过编译，通过相应平台上的解释器，实现独立于某个特定的平台编译代码的束缚。JavaScript是一种解释性编程语言，其源代码在发往客户执行之前不需经过编译，而是将文本格式的字符代码发送给客户编由浏览器解释执行。

用途： java广泛应用于个人PC、数据中心、游戏控制台、科学超级计算机、移动电话和互联网等，而Javascript的用途是:1.嵌入动态文本于HTML页面;2.对浏览器事件做出响应; 3.读写HTML元素;4.在数据被提交到服务器之前验证数据;5.检测访客的浏览器信息; 6.控制cookies，包括创建和修改等。