Javascript-1.相关概念

牛马小龙

于 2021-12-25 11:37:27 发布

阅读量316

点赞数

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

本文链接：https://blog.csdn.net/m0_65769258/article/details/122139417

版权

一.JavaScript介绍

JavaScript是一门弱型的编程语言。简称js。由美国网景公司发布。微软发布的类似JavaScript的语言叫JScript。

前端的编程语言只有JavaScript，后端的编程语言有java,php,c++,c,c#,go,python等。

如果说html是一个网页的骨架，那么css就是对网页的装饰，使网页更漂亮，而js则是用来给网页添加动作行为的。(初学js我目前不敢评价js到底是干嘛的~.~)

二.JavaScript运行环境

JavaScript的运行环境有俩种：

1.浏览器

2.服务器（nodejs）

三.JavaScript构成

我们主要在浏览器环境下运行的JavaScript。所以前端主要就是书写浏览器环境下的JavaScript。

浏览器环境下的JavaScript分为3部分。

1：ECMAScript简称ES。它是js的语法规范。实际上这部分和浏览器没关系。

ES的最新版本是ES6。我们主学ES5.1,穿插学习ES6。

2：DOM ( Document Object Model ) 文档对象模型，提供了操作网页元素的API。

3：BOM（Broswer Object Model）浏览器对象模型，提供了操作浏览器API。

我们主学ES。ES是Javascript的基础和核心。其次是DOM，BOM最不重要。

1.ES主要知识点大纲

1: 变量，常量和数据类型

2: 运算符，表达式

3:流程控制语句，控制结构，循环和判断

4:函数

5:对象，面向对象

其中1-3是编程基础。4-5是编程进阶，是难点，也是重点。

2.DOM主要知识大纲

1：节点获取和操作

2：事件对象，事件流

3：html文档操作

3.BOM主要知识

1：location对象

2：navigatior对象

3：history对象

四.JavaScript的引入和js语句

js的俩种引入方式

1.script标签内书写javascript

2.通过script的scr引入外部的js文件。

ps：书写了src的script标签内部就不能再写javascript代码。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
   
</head>
<body> 
    
    <script>
        // 在这里写js代码, 一般放在body底部
        alert('我来了');
    </script>

    <script src="./demo.js"></script>
</body>
</html>

// demo.js代码
alert('我又走了');

放在body底部是目的是：为了避免浏览器在呈现页面是出现明显的延迟，而延迟期间一片空白。避免这个问题。（浏览器在遇到<body>标签是才开始呈现内容）。

用户会因为浏览器窗口显示空白页面的时间缩短而感到打开页面的速度加快了。

js语句

1.js语句用来向浏览器发出命令

2.js语句以分号结尾

3.以下是js用来输出的语句

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        console.log('hi');//在控制台输出
        document.write('我爱web');//输出到网页上
        prompt('请输入手机号码');//弹窗输入
        alert('hello');//弹窗输出;
    </script>
</body>
</html>