JavaScript 基础语法

芒果软糖_

已于 2023-04-15 16:09:38 修改

阅读量203

点赞数

文章标签：前端

于 2023-04-15 16:04:56 首次发布

本文链接：https://blog.csdn.net/m0_73908308/article/details/130087138

版权

文章目录

1. JavaScript的概述：

JavaScript是一种运行于JavaScript解释器/引擎中的解释型脚本语言
解释型：运行之前不需要编译，运行之前不会检查错误，直到碰到错误为止
编译型：对源码进行编译，还能检查语法错误(C/C++)

JS组成
1.核心(ECMAScript)
2.文档对象模型(DOM)让JS有能力与网页对话
3.浏览器对象模型(BOM)让JS有能力与浏览器对话

2. JavaScript的基础语法

2.1 将JS脚本嵌入HTML页面中

2.1.1 将JS代码嵌入在元素“事件”中

onclick:当单击元素时所做的操作

<body>
	<button onclick="document.write('hello')">输出</button>
</body>

2.1.2 将JS代码嵌入在`<script>`标签中

<script>标签可以出现在网页的任意位置，将其放在<body>元素底部，可以改善显示速度，因为脚本编译会拖慢显示。

<body>
    <script>
        document.write('hello');
    </script>
</body>

<head>
    <script>
        document.write('hello');
    </script>
</head>

将JS代码写在外部脚本文件中

JavaScript 文件的文件扩展名是xxx .js
在页面中用<script src="js文件路径"></script>引入js文件，可以在任意位置引用

注：在<script src="js文件路径"></script>中不能出现任何内容，即

 	<script src="js文件路径">document.write()</script>   是错误的

2.2 JS的语法规范

在 JavaScript 中，首字符必须是字母、下划线（-）或美元符号（$），数字不能作首字符
JS对大小写敏感
document.write()正确，Document.write()错误
JS不能用连字符

2.3 变量

变量就是内存中的一段存储空间

2.3.1 变量的声明

可以通过var关键字声明JavaScript变量

<body>
        <p id="d"></p>
        <script>
            var age = 25;
            document.getElementById("d").innerHTML = age;
        </script>
    </body>

一次性声明多个变量并赋值
以 var 作为语句的开头，并以逗号分隔变量，可以跨行

2.4 数据类型

在这里插入图片描述

2.5 函数

JavaScript 函数通过function关键词进行定义，其后是函数名和括号 ()

函数名可包含字母、数字、下划线和美元符号 （规则与变量名相同）

在这里插入图片描述

2.6 数组

在这里插入图片描述

2.7 数组API

在这里插入图片描述

2.8 DOM

在这里插入图片描述

2.9 BOM

在这里插入图片描述

以上思维导图均为预习笔记

芒果软糖_

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
JavaScript 基础语法

JavaScript是一种运行于JavaScript解释器/引擎中的解释型脚本语言解释型：运行之前不需要编译，运行之前不会检查错误，直到碰到错误为止编译型：对源码进行编译，还能检查语法错误(C/C++)JS组成1.核心(ECMAScript2.文档对象模型(DOM)让JS有能力与网页对话3.浏览器对象模型(BOM)让JS有能力与浏览器对话。
复制链接

扫一扫