JavaScript |青训营笔记

92 阅读2分钟

1.jpg

这是我参与「第四届青训营」笔记创作活动的第3天

一、JavaScript简介

1.什么是JavaScript?

  • JavaScript是一种轻量级的编程语言
  • avaScript是脚本语言,是一种解释性脚本语言(代码不进行预编译)
  • JavaScript是可插入HTML页面的编程代码
  • JavaScript插入HTML页面后,可由所有的现代浏览器执行
  • 2.JavaScript的组成

  • ECMAScript
  • ECMAScript是由ECMA 国际(原欧洲计算机制造商协会)进行标准化的一门编程语言,它规定了JS的编程语法和基础核心知识,是所有浏览器厂商共同遵守的一套JS语法工业标准。

  • DOM
  • 文档对象模型(DocumentObject Model,简称DOM),是W3C组织推荐的处理可扩展标记语言的标准编程接口。通过DOM提供的接口可以对页面上的各种元素进行操作(大小、位置、颜色等)。

  • BOM
  • 浏览器对象模型(Browser Object Model,简称BOM)是指浏览器对象模型,它提供了独立于内容的、可以与浏览器窗口进行互动的对象结构。通过BOM可以操作浏览器窗口,比如弹出框、控制浏览器跳转、获取分辨率等。

    3.JavaScript的作用

  • 为网页添加各式各样的动态功能
  • 为用户提供更流畅美观的浏览效果
  • 二、JavaScript的引用方式

    1.行内式

  • 可以将单行或少量JS代码写在HTML标签的事件属性中(以on开头的属性),如:onclink
  • 注意单双引号的使用:在HTML中我们推荐使用双引号,JS中推荐使用单引
  • 可读性差,在HTML中编入JS大量代码时,不方便阅读
  • 2.内嵌式

  • 可以将多行JS代码写到(script)标签中
  • 内嵌JS是学习时常用的方式
  • 3.外部

  • 利于HTML页面代码结构化,把单独JS代码独立到HTML页面之外,既美观,又方便
  • 引用外部JS文件的script标签中间不可以写代码
  • 适合于JS代码量比较大的情况
  • JavaScript的基本语法

    1.注释

  • 单行注释:CTRL+/
  • 多行注释:shift+alt+a
  • 2.输入输出语句

    方法说明归属
    alert(msg)浏览器弹出警示框浏览器
    console.log(msg)浏览器控制台打印输出信息浏览器
    prompt(info)浏览看弹出输入框,用户可以输入浏览器