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

前端开发者或者想要学习前端开发的朋友,应该都知道前端开发就是学习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.行内用法 - 不推荐使用

<button onclick="alert('试试');"></button>


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前端开发教程 ),一起学习前端开发技术,共同进步。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值