JavaScript的基础使用

JavaScript的基础

一、javascript简介

JavaScript简称js,最初由网景(现在的Mozilla)公司创建,由于商标冲突原因,其标准版本命名为ECMAScript,但是一般人们还是叫JavaScript,只在谈标准的时候说到ECMAScript这个名字。值得注意的是JavaScript与java没有任何关系,就像雷峰塔(神话中镇压白娘子的塔)和雷锋。此外js(JavaScript)和jsp(java servlet pages)也没有关系。  
js的工作分为两部分,一部分属于js语言本身的特性,而另一部需要依靠宿主环境(web浏览器)才能完成。

二、javascript的组成部分

JavaScript由ECMAScript,DOM和BOM三部分组成。
在这里插入图片描述

1.ECMAScript(核心语法)

JavaScript的核心,描述了语言的基本语法(var、for、if、array等)和数据类型(数字、字符串、布尔、函数、对象(obj、[]、{}、null)、未定义),ECMAScript是一套 标准,定义了一种语言(比如JS)是什么样子。

ECMAScript,描述了该语言的语法和基本对象,是JavaScript脚本语言规范,由Javascript引擎具体实现。

2.DOM(文档对象模型)

W3C组织推荐的处理可扩展置标语言的标准编程接口。DOM是以面向对象方式描述的文档模型。DOM定义了表示和修改文档所需的对象、这些对象的行为和属性以及这些对象之间的关系。
可以把DOM认为是页面上数据和结构的一个树形表示,不过页面当然可能并不是以这种树的方式具体实现。
在这里插入图片描述

3.BOM(浏览器器对象模型)

BOM是用于描述这种对象与对象之间层次关系的模型,浏览器对象模型提供了独立于内容的、可以与浏览器窗口进行互动的对象结构。
BOM由多个对象组成,其中代表浏览器窗口的Window对象是BOM的顶层对象,其他对象都是该对象的子对象。
在这里插入图片描述

三、JavaScript的用法

HTML 中的脚本必须位于 标签之间。
脚本可被放置在 HTML 页面的 和 部分中。

1.外部脚本的使用
<script src="js文件路径"></script>
2.内部脚本的使用
<script>
    //js代码
</script>
3.行内使用js
<button onclick="javascript:alert(1)">按钮</button>

写到这里,现在有三种方式使用js,那工作中使用哪一种更好一些?这里说一下,一般工作中推荐使用第一种,外部引用的方式,这样方便管理。因为工作中一个项目要有不止一个js文件。

注意:一般情况下,我们会将引入的js文件添加到html文件的末尾。代码自上而下加载,将js文件引入到文件末尾,有助于获取页面中的元素。

原创文章 8 获赞 34 访问量 880

猜你喜欢

转载自blog.csdn.net/qq_39155611/article/details/106083867
今日推荐