【web前端基础 | JS基础】初识 javaScript

初识 java script

  • 布兰登·艾奇(Brendan Eich,1961年~)。1995年利用10天完成的
  • 运行在客户端的脚本语言,不需要编译
  • 不需要配置环境
    【web前端基础 | JS基础】初识 javaScript_第1张图片
  • 作用
    ① 表单动态校验(密码强度检测) ( JS 产生最初的目的 )
    ② 网页特效
    ③ 服务端开发(Node.js)
    ④ 桌面程序(Electron)
    ⑤ App(Cordova)
    ⑥ 控制硬件-物联网(Ruff)
    ⑦ 游戏开发

【web前端基础 | JS基础】初识 javaScript_第2张图片

一:浏览器执行js简介

【web前端基础 | JS基础】初识 javaScript_第3张图片

浏览器本身并不会执行JS代码,而是通过内置 JavaScript 引擎(解释器) 来执行 JS 代码 。JS 引擎执行代码时逐行解释每一句源码(转换为机器语言),然后由计算机去执行,所以 JavaScript 语言归为脚本语言,会逐行解释执行。

二:js的组成

【web前端基础 | JS基础】初识 javaScript_第4张图片

  1. ECMAScript
    ECMAScript 是由ECMA 国际( 原欧洲计算机制造商协会)进行标准化的一门编程语言,这种语言在万维网上应用广泛,它往往被称为 JavaScript或 JScript,但实际上后两者是ECMAScript 语言的实现和扩展。
  2. DOM——文档对象模型
    文档对象模型(DocumentObject Model,简称DOM),是W3C组织推荐的处理可扩展标记语言的标准编程接口。通过 DOM 提供的接口可以对页面上的各种元素进行操作(大小、位置、颜色等)
  3. BOM——浏览器对象模型
    浏览器对象模型(Browser Object Model,简称BOM) 是指浏览器对象模型,它提供了独立于内容的、可以与浏览器窗口进行互动的对象结构。通过BOM可以操作浏览器窗口,比如弹出框、控制浏览器跳转、获取分辨率等。

三:js三种书写方法

3.1:行内式


<input type="button" value="点击" onclick="alert('点击干啥')">

3.2:内嵌式


<script>
    alert("弹出了个框框");
script>

3.3:外部js


<script src="index.js">script>

四:js的注释

1:单行注释:// (快捷键:ctrl+/ )
2:多行注释:/* */ (快捷键:shift+alt+A )

你可能感兴趣的:(移动与web前端开发,javascript)