JS 零基础入门——01(流程控制语句)

JavaScript(简称“JS”) 是一种具有函数优先的轻量级,解释型或即时编译型的。

JS可简单的理解为一个“脚本”,完整的JavaScript实现包含三个部分:,,浏览器对象模型。(注:JS属于前端)

JavaScript是甲骨文公司的注册商标。

写JS的软件有:Sublime Text,HBuilder,Eclipse等等


第一步:打开软件,敲出或用快捷键打出网站的主体结构

<!DOCTYPE html>
<html>
<head>
	<title></title>
</head>
<body>

</body>
</html>

第二步:敲JS标签,就是JS代码写在script标签中。(注:script标签也可以写在网站主体结构的其他标签里)

<!DOCTYPE html>
<html>
<head>
	<title></title>
</head>
<body>

<script> </script>

</body>
</html>

本章重点:掌握JS的四种输入输出

1.弹出框输出 alert(" ") 2.控制台输出(最常用)console.log(" ")

3.网页输出 document.write(" ") 4.输入框:prompt(" ")(意:弹出一个可以由用户输入的内容)

数据保存时,需要用变量 var(注:变量不用加" ")

变量名=赋值(变量名不能数字开头,只包括字母 数字 _ $)

例如:输入一个 用户名称username

<!DOCTYPE html>
<html>
<head>
	<title></title>
</head>
<body>
<script> 
 /*输入 */  var username=prompt("请输入你的名字")
/*输出*/   console.log(username)
</script>
</body>
</html>

小案例:由用户输入高度和宽度,在控制台输出对应面积

<!DOCTYPE html>
<html>
<head>
	<title>输入输出</title>
</head>
<body>
		<script>
			var width=prompt("请输入宽度")
			var height=prompt("请输入长度")
			var sum=width*height
			console.log(sum)
		</script>
</body>
</html>

本章总结:

1.JavaScript的书写位置

2.JavaScript的输入输出语句

3.JavaScript的变量

经验分享 程序员 微信小程序 职场和发展