初识JavaScript|青训营笔记

124 阅读2分钟

这是我参与「第五届青训营」伴学笔记创作活动的第 14 天。今天我们开始谈谈JavaScirpt的一些基本知识,请大家多多指教!

【JavaScript概述】

JavaScript是Web中一种功能强大的脚本语言,常用于为网页添加各式各样的动态功能,它不需要进行编译,直接嵌入HTML页面中就可以把静态的页面转变成支持用户交互并响应事件的动态页面

【JavaScript的组成】

JavaScript是由ECMAScript、DOM、BOM共3个部分组成的,下面对这3个组成部分进行简单介绍

  • ECMAScript:JavaScript的核心。ECMAScript规定了JavaScript的编程语法和基础核心内容,是所有浏览器厂商共同遵循的一套JavaScript语法工业标准
  • DOM(Document Object Model,文档对象浏览器):是W3C组织推荐的处理可扩展置标语言(Extensible Markup Language,XML)的标准编程接口,通过DOM提供的接口,可以对页面上的各种元素进行操作
  • BOM(Browser Object Model,浏览器对象模型):它提供了独立于内容的、可以与浏览器窗口进行互动的对象结构,通过BOM,可以对浏览器窗口进行操作

【JavaScript代码引入方式】

在HTML文档中,引入JavaScript代码有3种方式,下面分别进行介绍

行内式

指将单行或少行的JavaScript代码写在HTML标签的事件属性中

  • 行内式的可读性较差
  • 在遇到多层引号嵌套的情况时容易混淆,一般情况下不推荐使用行内式
  • 注意单引号和双引号的使用,在HTML中推荐使用双引号,而JavaScript中推荐使用单引号

内嵌式

指通过<script>标签及其相关属性引入JavaScript代码,当浏览器读取到<script>标签时,就会自动解释执行其中的脚本,使用内嵌式引入JavaScript文件的方式如下:

<script type="text/JavaScript">
    //此处为JavaScript代码
</script>

外链式

指将JavaScript代码写在一个单独的文件(扩展名为“.js”)中,在HTML文件中使用<script>标签进行引入JavaScript文件,使用外链式引入JavaScript文件的方式如下:

<script type="text/JavaScript" src="JS文件的路径"></script>

【小结】

今天初步总结了JavaScript的基本概念和JavaScript代码的3种引入方式