Javascript简称js,js是一种脚本语言,是不需要进行编译的,也是浏览器中的一部分,经常用在web客户端脚本语言,主要是用来给html增加动态功能。
而现在,由于Node.js的出现,JavaScript以及不局限与浏览器,用户也可以在服务端进行代码的编写,使得JavaScript的应用更加的广泛
Javascript的特点(重点)
JavaScript是一个可跨平台的脚本语言,支持面向对象。
什么是脚本,简单来说就是一条条的文本命令,按照程序的流程来执行。
常见的脚本语言有:JavaScript、VBScript、Perl、PHP、Python等。
非脚本语言:C、C++、Java、C#等。
脚本语言与非脚本语言的区别:非脚本语言一般是需要编译、链接之后生成独立的可以执行的文件后才可以运行;而脚本语言依赖于解释器,只有调用它时自动进行解释或者编译。
JavaScript语言不依赖操作系统,仅仅需要浏览器的支持。(几乎所有浏览器,包括手机等移动设备)
JavaScript的组成(重点)
ECMAScript - JavaScript的核心
描述了语言的基本语法和数据类型,ECMAScript是一套标准,定义了一种语言的标准与具体实现无关
DOM(Document Object Model) - 文档对象模型
一套操作页面元素的API(API(Application Programming Interface,应用程序接口))
DOM可以把HTML看做是文档树,通过DOM提供的API可以对树上的节点进行操作。
BOM(Browser ObjectModel) - 浏览器对象模型
一套操作浏览器功能的API(接口-类库-方法),通过BOM可以操作浏览器窗口,比如:弹出框、控制浏览器跳转、获取分辨率等。
服务端-客户端的理解
服务端,顾名思义,就是服务别人的,这个别人,自然就是客户端。服务端为客服端提供的服务内容有向客户端提供资源、保存客户端数据。
客户端,也可以称之为用户端,是指与服务器相对应的,为客户提供本地服务的程序。
使用JavaScript(重点)
行内代码
使用JavaScript前缀构建执行JavaScript代码的URL。
<a href="javascript:alert('Hello JS')">点击</a>
将JS代码写到元素的事件属性值中
<div onclick="window.alert('Hello JS!')"></div>
这两种方式只适用于代码量比较少的时候,如果代码比较多,建议使用内部代码或写到单独的 JS 文件中。
内部代码(内嵌式)
如果页面需要中包含大量的 JavaScript 代码,则建议将这些JavaScript脚本放在 <script> 标签中。<script> 元素即可作为 <head> 的子元素,也可作为 <body> 的子元素,通常位于<body>元素闭合标签的前面。
<script type="text/javascript">
alert('Hello JavaScript')
</script>
外部代码(外链式)
为了让 HTML 页面和 JavaScript 脚本更好地分离,我们可以将 JavaScript脚本单独保存在一个 .js 文件中,HTML 页面导入该 .js 文件即可。
<script src="test.js" type="text/javascript"></script>
注意:
-
由于现代网页开发提倡结构、样式、行为的分离,即分离HTML、CSS、JavaScript三部分的代码,避免直接写在HTML标签的属性中,从而更有利于维护。因此在实际开发中不推荐使用行内式。
-
存在的问题:引入JavaScript代码时,页面的下载和渲染都会暂停,等待脚本执行完成后才会继续(内嵌式或外链式)。 解决的办法:对于不需要提前执行的代码,将<script>标签放在<body>标签的底部,可以减少对整个页面下载的影响。