JavaScript学习笔记1—JS位置、注释、输入输出

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>行内</title>
	</head>
	<body>
		<!--JS的行内式-->
		<input type="button" value="点俺点俺" onclick="alert('不愧是你！')"/>
	</body>
</html>

使用注意：

可以将单行或少量 JS 代码写在HTML标签的事件属性中（以 on 开头的属性），如：onclick。
注意单双引号的使用：在HTML中我们推荐使用双引号, JS 中我们推荐使用单引号。

2.2 JS内嵌式

例子2：内嵌样式

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>内嵌</title>
		<script type="text/javascript">
			alert('俺是内嵌式');
		</script>
	</head>
	<body>
	</body>
</html>

2.3 外部JS文件

例子3：外部样式

html文件：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>外部式</title>
		<script src="001-外部式.js"></script>
	</head>
	<body>
	</body>
</html>

js文件： 001-外部式.js

alert('没错，我是外部式');

使用注意：

引用外部 JS文件的 script 标签中间不可以再写内嵌式代码。
适合于JS 代码量比较大的情况。

3.JS注释

单行注释：

// 注释单行（快捷键 ctrl + / ）

多行注释：

/*
第一行
第二行
*/（快捷键ctrl + shift + /）

4.JS的输入和输出语句

JS的输入输出语句：

alert(msg) ：浏览器弹出警示框
console.log(msg) ：浏览器控制台打印输出信息
prompt(info)：浏览器弹出输入框，用户可以输入

4.1 prompt()用户输入框

例子1：prompt()用户输入框

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>输入输出</title>
		<script type="text/javascript">
			// 用户输出框
			prompt('请输入您的姓名：');
		</script>
	</head>
	<body>
	</body>
</html>

4.2 alert() 弹出警示框

例子2：弹出警示框alert()

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>输入输出</title>
		<script type="text/javascript">
			// 弹出警示框 输出给用户看的
			alert('是否继续浏览');
		</script>
	</head>
	<body>
	</body>
</html>

4.3 console.log()控制台

例子3：控制台输出console.log()

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>输入输出</title>
			// 给程序员看到 控制台可以看到 
			console.log('我是程序员，可以看到')
		</script>
	</head>
	<body>
	</body>
</html>

5.解释型语言和编译型语言

计算机不能直接理解任何除机器语言以外的语言，所以必须要把程序员所写的程序语言翻译成机器语言才能执行程序。程序语言翻译成机器语言的工具，被称为翻译器。

翻译器翻译的方式有两种：一个是编译，另外一个是解释。两种方式之间的区别在于翻译的时间点不同。

编译器：先通过编译器编译，生成中间代码文件，然后运行中间代码文件。

解释器：在运行时进行及时解释，并立即执行。

6.标识符、关键字、保留字

6.1标识符

标识(zhi)符：就是指开发人员为变量、属性、函数、参数取的名字。

标识符不能是关键字或保留字。

6.2关键字

关键字：是指 JS本身已经使用了的字，不能再用它们充当变量名、方法名。

包括：break、case、catch、continue、default、delete、do、else、finally、for、function、if、in、instanceof、new、return、switch、this、throw、try、typeof、var、void、while、with 等。

6.3保留字

保留字：实际上就是预留的“关键字”，意思是现在虽然还不是关键字，但是未来可能会成为关键字，同样不能使用它们当变量名或方法名。

包括：boolean、byte、char、class、const、debugger、double、enum、export、extends、
fimal、float、goto、implements、import、int、interface、long、mative、package、
private、protected、public、short、static、super、synchronized、throws、transient、
volatile 等。

注意：如果将保留字用作变量名或函数名，那么除非将来的浏览器实现了该保留字，否则很可能收不到任何错误消息。当浏览器将其实现后，该单词将被看做关键字，如此将出现关键字错误。

学习来源：黑马pink老师视频

根据视频内容整理出的学习笔记，用于自己复习查看。

云卷云舒_jing

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
JavaScript学习笔记1—JS位置、注释、输入输出

目录1.JavaScript相关了解1.1JavaScript含义1.2JavaScript 的作用1.3HTML/CSS/JS 的关系1.4浏览器执行JS1.5JS 的组成2.JavaScript的位置2.1 JS行内式2.2 JS内嵌式2.3 外部JS文件3.JS注释4.JS的输入和输出语句4.1 prompt()用户输入框4.2 alert() 弹出警示框4.3 console.log()控制台HTML/CSS 标记语言--描述类语言：JS 脚本语言--编程类语言：浏览器分成两部分：渲染引擎和 JS
复制链接

扫一扫