初识JavaScript


编程语言和标记语言的区别:

  • 编程语言有很强的逻辑和行为能力。
  • 标记语言不用于向计算机发出指令,常用于格式化和链接。

初识JavaScript

JavaScript 的作用

  • 表单动态检测(密码强度检测)(JS产生最初的目的
  • 网页特效
  • 服务端开发(Node.js)
  • 桌面程序(Electron)
  • App(Cordova)
  • 控制硬件-物联网(Ruff)
  • 游戏开发(cocos2d-js)

浏览量执行JS简介

浏览器分为两部分:渲染引擎和JS引擎

  • 渲染引擎:俗称内核,用来解析HTML和CSS的。
  • JS引擎:读取网页中的JavaScript代码,对其处理后进行运行。也称JS解释器。

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

JS的组成

  1. ECMAscript:JavaScript语法。ECMAscript规定了JS的编程语法和基础核心知识,是所有浏览器厂商共同遵守的一套JS语法工业标准。
  2. DOM:页面文档对象类型
  3. BOM:浏览器对象模型

JS三种书写位置

  1. 行内式的JS

    <input type="button" value="小李" onclick="alert('小明')">

    注意:

    • HTML中推荐使用双引号,JS中使用单引号。
    • 可读性差,不方便阅读。
  2. 内嵌式的JS 在<head></head>里书写下面的代码

    <script>
        alert('JACK')    
    </script>

    注意:

    • 可以将多行JS代码写到<script>标签中
    • 内嵌式是在学习中经常用到的
  3. 外部式的JS 在同级目录下新建一个my.js文件在<head></head>里书写下面的代码

    <script src="my.js"></script>

    注意:

    • 引用外部JS文件的代码中不要写代码
    • 开发中常用

JS注释

// 单行注释

  /*
     多行注释
     多行注释
     多行注释
  */

JS输入输出语句

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

声明:极客角度|版权所有,违者必究|如未注明,均为原创|本网站采用BY-NC-SA协议进行授权

转载:转载请注明原文链接 - 初识JavaScript


拒绝拖延,勇于表达!