JavaScript基础

银杏也要学习代码

已于 2024-09-12 22:15:44 修改

阅读量405

点赞数 19

文章标签：学习前端 javascript

于 2024-09-12 22:14:13 首次发布

本文链接：https://blog.csdn.net/m0_68823256/article/details/142186548

版权

一：基础

1：JavaScript在前端的三层中处理行为任务。

2：是一门运行在浏览器端的脚本语言，在浏览器就可以直接运行。

可以如图在浏览器直接运行js的代码。

JavaScript的代码可以写在<script></script> 标签下，如下：

运行后将弹出窗口，输出提示消息。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>基础</title>
	</head>
	<body>
		<script>
			alert("看我从哪里出来~~~");
		</script>
	</body>
</html>

二：编写的位置

1：可以编写到script标签中

<script type="text/javascript">
//在此处编写js代码
</script

2：可以将代码编写到外部的后缀名为.js的文件中，然后通过标签将其引入（结构与行为解耦，推荐使用）。

<script type="text/javascript" src="文件路径"></script>

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>基础</title>
	</head>
	<body>
		<script type="text/javascript" src="my.js"></script>
	</body>
</html>

my.js中的代码如下：

alert("弹出提示")

重要说明：script一旦引用外部文件，内部就不能写代码了，就算引用，也不起作用。

3：可以编写到标签的指定属性中，但是不推荐这种写法。

<button onclick="alert('hello');">我是按钮</button>

三：输出语句

1：使用alert语句，在浏览器弹出一个警示窗口。

<script>
	alert("要输出的内容");
</script>

2：使用document.write，可以在浏览器中输出内容。

document.write("这是document.write输出的内容")

3：使用cosole.log开发者工具的控制台中。

console.log("控制台输出")

四：基本语句

1：js的注释

注释中的内容不会被执行，但可以源代码查看

多行注释：/* 注释内容 */

单行注释：//

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>基础</title>
		<style>
			body {
				background-color: yellowgreen;
			}
		</style>
	</head>
	<body>
		<script>
			
			/*
			这是注释的内容
			多行注释
			
			
			*/
			
			//单行注释
		</script>
	</body>
</html>

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>基础</title>
		<style>
			body {
				background-color: yellowgreen;
			}
		</style>
	</head>
	<body>
		<script>
			// console.log("控制台输出")
		</script>
	</body>
</html>

如上： console.log("控制台输出")语句被注释掉了，将不会执行。

2：字面量和变量

字面量实际上就是一些固定的值，如 1、2、3、4、true、false、 null、NaN、"hello"。

字面量都是不可以改变的。

由于字面量不是很方便使用，所以在JS中很少直接使用字面量。

3：变量

变量可以用来保存字面量，并且可以保存任意的字面量一般都是通过变量来使用字面量，而不直接使用字面量，而且也可以通过变量来对字面量进行一个描述。

（1：声明变量

JavaScript是一门弱类型的语言，和强类型语言有所不同的是，在声明变量的时，不需要特定的强调变量的类型。

var a;
var b;
var c;
var d,e,f;//连续声明多个变量，用逗号隔开。

(2)：为变量赋值

var a;
var b;
var c;
a = 1;
b = 2;
c = 3;
var aaa='你好';
var f=666,g=777;

五：标识符

在js中所有可以由我们自主命名的都可以称为标识符，如变量名，函数名，属性名等。

标识符命名规则：

（1）标识符中可以含有字母、数字、下划线、$。

var str_1 = "hello"
var str_$ = "hello"

以下为错误的写法：

var str-1 = "hello"

（2）标识符不能以数字开头。

下面这种的写反是错误的。

var 1str = "hello"

（3）标识符不能是js中的关键字或保留字。 JavaScript 保留关键字。

（4）一般采用驼峰命名法（Camel-Case），第一个单词首字母小写，其余单词首字母大写。

var userName = "hello"