1. 什么是JavaScript
JavaScript是一种基于原型 、 弱类型、动态解释型的脚本语言。是浏览器的一部分,基于浏览器操作。用来给HTML网页增加动态功能。
互联网发展初期,不存在客户端处理程序,但是网页变得更加复杂功能更加丰富,需要处理的事情越来越多,如果任何处理逻辑都放到后端,效率低下(带宽,服务器负担)。Netscape(网景)的Brendan
Eich(布兰登·艾奇)在1995年5月被公司要求做一个“看上去和Java相似,但是比java简单的网页脚本语言”,他本身对Java不感兴趣,花了10天设计了JavaScript满足了公司要求。其设计思想:1.C语言语法;2.Java数据类型于内存管理3.函数第一等公民 4.基于原型(prototype). 语言本身设计之初出现了很多问题,后来不断完善好了。
ES1-5,ES6-9分水岭,我们就处在这个分水岭时期
JavaScript有三大组成部分:ECMAScript DOM BOM
ECMAScript : Javascript的标准 规范 语法 描述了该语言的组成的语法和基本对象 主要使用ES5 ES6版本
DOM : 文档对象模型(Document Object Model)
描述处理网页内容的方法和接口。JavaScript通过DOM获取HTML中的元素,来读取 修改 移动 删除 增添 HTML中的内容
BOM : 浏览器对象模型(BrowserObjectModel)
描述与浏览器进行交互的方法和接口
![](https://img.haomeiwen.com/i8989658/edfc36eca047f518.png)
用是什么
JavaScript是一种动态解释型 、弱类型、基于原型的脚本 语言,代码不进行编译。当你浏览器执行JavaScript的时候,可以实现以下的功能:
1.浏览器与用户之间的交互,比如输入账号密码 点击登录。这些由表单和点击事件组成,借此和后台数据交互,判断账号密码是否正确,反馈用户!
2.网页上面倒计时,动画,无缝轮播图等,通过定时器来操作的
3.JavaScript还可以处理表单,设置cookie,即时构建HTML页面已经创建基于Web的应用程序。
4.一些网页小游戏,也是通过JavaScript开发的
JavaScript的用处很多,主要用来制作HTML页面交互效果,提升用户体验!
![](https://img.haomeiwen.com/i8989658/7bd5851d2a0911cf.png)
3.为什么要使用JavaScript
因为他是主流浏览器语言,能让客户端验证减少请求、减少带宽、减少服务器压力、操作简单、学习成本低、浏览器界一统江湖(但是兼容支持有些微不同)、基于宿主环境,(客户端)不能操控计算机本地文件,安全。
![](https://img.haomeiwen.com/i8989658/ec5cfcf607f1b0b5.png)
4.JavaScript的书写
JavaScript有两种书写形式:
1.内部JS:
此标签在html文件任何位置都可以书写通常内部JS放置在</body>(body结束标签)之前!!!
<script></script> //和HTML标签一样 但是必须为双标签 开始和结束标签
2.外部js引入:
外部JS的引入方式和link引入外部css相似,但是要用script标签和结束标签: //
src= " " :双引号内写外部JS路径,用法与HTML 中img标签相似
JS的script标签的书写位置决定了JS代码的加载顺序,浏览器是从上到下依次执行的,当浏览器读到script标签时,会阻塞HTML的进程,立刻请求读取内容,执行代码,所以可能存在页面元素还没有构造的可能。通常情况下JS的代码需要延迟到页面的元素加载完全后执行。
如script标签写到<head>内或写到执行html页面元素上面时。会先执行JS的内容,页面元素未加载,就会找不到要页面元素。提示报错!!!
通常我们使用在script标签 中添加defer属性。不阻塞进程,延迟执行
也有另外一种属性,叫async属性,但是此种方法等页面加载完后会立即执行,不推荐使用
![](https://img.haomeiwen.com/i8989658/a4127f09fd0c2099.png)
简单了解过JavaScript后,如何学好JavaScript呢。
1.在学习JavaScript之前我们要先学习好CSS和 HTML。因为JS是基于HTML的基础上来更改CSS。用以实现各种交互的,如果说HTML是人的骨架,CSS就是人的肉体,人脸。那么JavaScript就是人的大脑,控制HTML来进行各种交互!如果对HTML、CSS不了解,最好先学习HTML CSS基础知识。
![](https://img.haomeiwen.com/i8989658/4aa0e25a40e31588.png)
2.多读书,多实践,多交流。JavaScript也是人的一项技能,技能交流才会有成长,多逛论坛。实践出真知,只靠理论知识是绝对不够的,还要会用,用的多了就熟练了,对自己写代码的速度有一定的提升!对问题的解决能力也会加强!
网友评论