JS-基础

大猩猩爱吃薯片

已于 2023-11-12 11:34:53 修改

阅读量34

点赞数

文章标签： javascript 开发语言 ecmascript

于 2023-11-10 20:16:36 首次发布

本文链接：https://blog.csdn.net/zxzx1289/article/details/134340123

版权

1、认识javascript

1.1什么是javascript

JavaScript是一种运行在客户端（浏览器）的编程语言

1.2Java script组成是什么

ECMAScript(基础语法)、webAPIs（DOM、BOM）

2、javascript的书写位置

2.1内部javasrcipt

直接写在html文件里，用script标签包住

规范：script标签写在</body>上面

2.2外部javascript

代码写在以.js结尾的文件里

语法： 通过script标签，引入到html页面中。

2.3内联javascript

代码写在标签内部

语法：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
		<!-- 内部js -->
		<script>
			alert('我在')
		</script>
		<!-- 外部js -->
		<script src="my.js"></script>
		<!-- 内联js -->
		<button onclick="alert('我在')">张鑫</button>
	</body>
</html>

3、javascript注释

3.1单行注释

符号： //

作用： //右边这一行的代码会被忽略

快捷键： ctrl+/

3.2块注释

符号： /**/

作用： 在/*和*/之间的所有内容都会被忽略

快捷键： shift+alt+A

4、javascript结束符

作用： 使用英文的 ; 代表语句结束

实际情况： 实际开发中，可写可不写,浏览器(JavaScript引擎)可以自动推断语句的结束位置

现状： 在实际开发中，越来越多的人主张，书写JavaScript代码时省略结束符

约定： 为了风格统一，结束符要么每句都写，要么每句都不写（按照团队要求.）

5、javascript输入输出语句

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
		<!-- 输入 -->
		<script>
			alert('我在')
			// 作用：页面弹出警告对话框
			document.write('我在')
			//作用：向body内输入内容
			//注意：如果输出的内容写的是标签，也会被解析成网页元素
			console.log('我在')
			// 作用：控制台输出语法，程序员调试使用
		</script>
		<!-- 输出 -->
		<script>
			prompt('我在')
			// 作用：显示一个对话框，对话框中包含一条文字信息，用来提示用户输入文字
		</script>
	</body>
</html>