第9课 JS编程基础（视频）

视频课程

基本概念

什么是编程？

就是“编写程序”

什么是程序？

用某种语言写成的指令清单。

举例：妈妈今天要外出，在纸上写下了小明一天任务。

1、先写完作业
2、练习绘画
3、去找朋友小宇玩
4、如果小宇在家，玩一小时后回家。
5、如果小宇不在家，可以自己在家看半小时电视
6、阅读课外书
7、每阅读半小时后可以看半小时电视

这就是妈妈安排小明去执行的程序，所以用小明看得懂的语言编写。

如果我们要安排计算机去做一件事情，就要用计算机的语言来编写。

网页中加入JS代码

什么是JS？

全称javascript，可在浏览器中运行的一种编程语言，是目前最流行的编程语言之一。可直接写在网页文件中，打开网页即可运行。

网页中的JS代码必须写在<script></script>标记内，例如：

<script>
a=10;
b=20;
c=a+b;
document.write(c);
</script>

JS程序中，每个语句必须以“;”结束。

在HTML代码中可以多处插入JS代码片段，打开网页时浏览器会先执行完JS程序，然后再显示整个网页。

变量与类型

什么是变量？

在程序运行过程中，值可以发生改变。变量的定义方法：

var 变量名1,变量名2......;

变量怎么命名？

可用字母或“_”字符开头，后面可加数字，区分大小写字母。

一般情况下，根据变量的作用，使用英文单词或者中文拼音来命名一个变量，可以是程序代码更容易阅读。

变量的类型

变量存储什么值就是什么类型，主要有数字和字符两种，字符型数据用双引号或单引号括起来。

var a=100,b;
b="100";
a="hello";

a是数字型，b是字符型，然后a又变成了字符型。

运算符与表达式

算术运算符

+ 加  - 减  * 乘  / 除   % 取余数

什么是表达式

由变量、运算符、数字构成的算式。例如：a+100*b/2-40

在表达式中乘、除、取余优先级比加、减高，可以使用 ( ) 提高优先级。

字符串连接

字符串连接符运算符  +

例如：b="hello"+"你好"+"!";  b的值为"hello你好!"

变量类型的转换

字符型“+”数字型，这个加号是连接符，结果是字符型，例如，表达式："hello"+100 的值为"hello100"

纯数字字符串参与算术运算可自动转换为数字型，例如："100"-0 的值是100。

输入输出信息

用JS程序向网页文档中写入内容

document.write("hello");

其中document代表整个网页文档，调用了它的write()功能实现在文档中写入信息。也可以向网页文档中写入HTML代码

document.write("<p>hello</p>");

输入信息

通过浏览器的对话框获得输入信息。

a=window.prompt("提示文字");

让浏览器窗口弹出一个“对话框”，里面有一个“文本框”可以输入信息。输入信息并确认后，输入的信息将以字符串形式保存在a变量中。

其中window代表浏览器窗口，调用了它的prompt()功能实现弹出对话框。程序执行到这个语句时会停下来，等待输入完再继续往下执行。

编程练习题

1、输入两个数，输出它们之和
2、输入矩形的长度和宽度，计算周长
3、输入姓名、年龄，输出“XXX，您好，我掐指一算，您出生于XXX年”
4、输入圆的半径，计算它的周长(选做)