老徐WEB：js入门学习 - 认识javascript

Dear 丶 2023-05-21 08:48 47阅读 0赞

前端开发者或者想要学习前端开发的朋友，应该都知道前端开发就是学习HTML，CSS和javascript。这是前端开发必不可少三种技能，HTML是结构层，搭建框架；CSS是表现层，做装饰的；javascript是行为层，做动态交互。可能有人要问还是Jquery，vue等，这些都是javascript的框架，只要学好javascript，这些框架也会好学的。接下来简单介绍一下javascript。

### 一、javascript是什么 ###

javascript是一种轻量级的脚本编程语言，由WEB浏览器解释和执行。常用在WEB网页中，用来实现网页中各种交互行为。比如表单验证、表单异步提交、标签切换和单击事件等。  
javascript很容易学习，开发环境也很简单，只需要一个文本编辑器和一个浏览器即可。不过想要提高开发效率，最好还是选择一个适合自己的开发工具，一般选择vscode编辑器。

### 二、准备工作 ###

学习javascript一定要有一些HTML，CSS的基础。vscode编辑器和chrome浏览器或者Firefox浏览器。

### 三、javascript历史知识 ###

javascript是Netscape公司与Sun公司合作开发的。在javascript出现之前，WEB浏览器只是一个显示超文本文档的简单软件，在javascript出现之后，网页内容不再是枯燥的纯文本了，而是增加了网页交互。  
javascript第一个版本，出现在1995年推出的Netscape Navigator2浏览器中，即javascript1.0版本。  
在javascript1.0发布时，Netscape Navigator主宰着浏览器市场，当时微软的IE浏览器则是追赶者的角色。  
微软的推出IE3的时候，发布了自己的VBScript语言，同时以JScript为名发布了javascript第一个版本，然后很快跟上了Netscape的步伐。  
面对微软的竞争，Netscape和Sun公司联合了ECMA（欧洲计算机制造商协会）对javascript语言进行了标准化，于是ECMAScript语言就出现了。当然这个名字没有流传下来，但人们现在谈论的javascript其实就是ECMAScript。

### 四、javascript能做什么 ###

1.前端开发。  
随便找到一个网页（比如淘宝首页），页面上的交互行为都是用javascript来实现的。登录页面里密码错误提示，注册页面里填写信息不合规范的信息提示等。登录窗口的标签切换。单击某个按钮就能出来一个窗口。  
2.后端开发。  
这里指的主要是NODEJS，可以操作后端数据。  
3.客户端开发。  
这种开发不常用。

### 五、javascript怎么用 ###

javascript用法有三种方式。  
1.行内用法 - 不推荐使用

2.内嵌用法 - 不建议使用

<!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>test</title>
    </head>
    <body>
        <button id = 'btn'>按钮</button>
    </body>
        <script>
            var btn = document.getElementById('btn');
            btn.onclick = function(){
                alert('aaa');
            }
        </script>
    </html>

3.外链用法 - 推荐使用，可以做到HTML与js分离，利于开发工作。

<!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>test</title>
    </head>
    <body>
    	<button id = 'btn'>按钮</button>
    </body>
    	<script src='test.js'>
    	</script>
    </html>

简单介绍了javascript，能让刚开始学习的朋友有个简单认识。其中也有一段javascript发展历史的介绍，可以知道javascript已经发展很多年了，而且一直发展很好，特别是进几年javascript发展很快，变化很大，应用很广，前景可观，而且容易学习。希望初学者能够多学多练多想，慢慢成长起来。

关注老徐WEB公众号（ 老徐WEB前端开发教程 ），一起学习前端开发技术，共同进步。