js入门的第一天

孤寂の末年

于 2022-11-18 21:04:15 发布

阅读量1k

点赞数 2

文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/qq_30766411/article/details/127925300

版权

使用 window.alert() 弹出警告框。

使用 document.write() 方法将内容写到 HTML 文档中。

使用 console.log() 写入到浏览器的控制台。

javascript简介

javascript历史背景

1 Js是为了赶上java的潮流把名字从LiveScript改为JavaScript

2 Js出现原因最初的输入验证必须把表单数据发到服务端上才能验证而最初的js是为了解决这个问题。

3 Web浏览器只是js实现的可能的宿主环境之一，其他的环境还有AdobeFlash 和Node

4 JavaScript包括三个部分 EAMAScript、文档对象模型(DOM)、浏览器对象模型(BOM)。

5 Dom模型的建立 NetScape和微软竞争开发DHTML造成HTML开发两强割裂，负责web通信标准的W3C(Word Wide Web Consortium)开始指定Dom

DOM很多浏览器都在想办法实现他现在使用的大多数浏览器可以使用DOM1、DOM2、DOM3 .所以DOM使用非常方便

6 但是BOM的兼容性就很不好，由于没有BOM标准可以遵循，所以每个浏览器都有自己的实现。

JavaScript 是脚本语言

JavaScript 是一种轻量级的编程语言。

是可插入 HTML 页面的编程代码,插入 HTML 页面后，可由所有的现代浏览器执行

JavaScript 用法

HTML 中的 Javascript 脚本代码位于 <script> 与 </script> 标签之间。

注意: 那些老旧的实例可能会在 <script> 标签中使用 type="text/javascript"。现在已经不必这样做了。JavaScript 是所有现代浏览器以及 HTML5 中的默认脚本语言。

插入Javascript的方式

一般有三种方式外部,内部,行内

行内插入

<!DOCTYPE html> <html>
<body>
//行内运行js
<button type="button" onclick="document.write("行内运行js")">行内运用js</button>

</body>

</html>

内部插入

<!DOCTYPE html>
<html>
<body>
<script>

//内部插入js代码
    document.write(我的第一个 JavaScript 函数);

</script>
</body>
</html>

外部插入

<!DOCTYPE html> <html>

<body>
         //外部插入js,注意插入时紧贴与</body>上面
        <script src="myScript.js"></script>
</body>

</html>

JavaScript 输出

JavaScript 显示数据

使用 window.alert() 弹出警告框。

<!DOCTYPE html>
<html>
<body>
<script>
    alert("第一个弹出警告窗");
</script>
</body>
</html>

使用 document.write() 方法将内容写到 HTML 文档中。

<!DOCTYPE html>
<html>
<body>
<script>
   document.write("输出显示数据");
</script>
</body>
</html>

使用 console.log() 写入到浏览器的控制台。

<!DOCTYPE html>
<html>
<body>

<h1>我的第一个 Web 页面</h1>
<script>
    console.log("输入显示数据");
</script>

</body>
</html>

JavaScript 语法

JavaScript 是一个脚本语言。

它是一个轻量级，但功能强大的编程语言。

JavaScript 字面量

在编程语言中，一般固定值称为字面量，如 3.14。

简单的来讲就是能被js认识的数据

1. 数字（Number）字面量

可以是整数或者是小数，或者是科学计数(e)。

2. 字符串（String）字面量

可以使用单引号或双引号: 如 "字符串" 或 '字符串'

3. 表达式字面量

用于计算：如 5*6 1+2

4. 数组（Array）字面量

定义一个数组：如 [2,3,54,5,6,6,6,]

5. 对象（Object）字面量

定义一个对象：如: {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"}

6. 函数（Function）字面量

定义一个函数：如: function myFunction(a, b) { return a * b;}

JavaScript 变量

在编程语言中，变量用于存储数据值。

JavaScript 使用关键字 let 来定义变量，使用等号来为变量赋值：

let name="张三"

或者 let name;

name="张三"

变量可以通过变量名访问。在指令式语言中，变量通常是可变的。字面量是一个恒定的值。

注意: 变量是一个名称。字面量是一个值。

JavaScript 操作符

javaScript使用 算术运算符 来计算值:见下面表格

JavaScript 语句

在 HTML 中，JavaScript 语句用于向浏览器发出命令。

语句是用分号分隔:

x = 5 + 6;y = x * 10;

或者语句不在一行时不用分号隔开,解析的时候会自动添加分号

x = 5 + 6
y = x * 10

JavaScript 关键字

JavaScript 关键字用于标识要执行的操作。

和其他任何编程语言一样，JavaScript 保留了一些关键字为自己所用。

abstract	else	instanceof	super
boolean	enum	int	switch
break	export	interface	synchronized
byte	extends	let	this
case	false	long	throw
catch	final	native	throws
char	finally	new	transient
class	float	null	true
const	for	package	try
continue	function	private	typeof
debugger	goto	protected	var
default	if	public	void
delete	implements	return	volatile
do	import	short	while
double	in	static	with

JavaScript 注释

不是所有的 JavaScript 语句都是"命令"。/**/ 双星号内的内容和双斜杠 // 后的内容将会被浏览器忽略：

// 我不会执行

/*我不会执行*/

JavaScript 数据类型

JavaScript 有多种数据类型：String字符串 Number数值 Boolean布尔 null空 undefined未定义，Array(数组)，对象等等：

数据类型的概念

编程语言中，数据类型是一个非常重要的内容。

console.log(16 + "Volvo") 输出结果: 16Volvo

const num = 10
console.log( num + 11) 输出结果: 21
console.log( num + '11') 输出结果: 1011
console.log( num + +'11') 输出结果: 21
console.log( typeof num + '11') 输出结果: number11
console.log( typeof (num + '11')) 输出结果: string
console.log( typeof (num + +'11')) 输出结果: number