前端必备之初识JavaScript


JavaScript的历史

  JavaScript在1995年由Netscape公司的Brendan Eich,在网景导航者浏览器上首次设计实现而成。因为Netscape与Sun合作,Netscape管理层希望它外观看起来像Java,因此取名为JavaScript。但实际上它的语法风格与Self及Scheme较为接近。

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三种书写位置

行内式的JS

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

注意:

  • HTML中推荐使用双引号,JS中使用单引号。
  • 可读性差,不方便阅读。

内嵌式的JS

<head></head>里书写下面的代码

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

注意:

  • 可以将多行JS代码写到<script>标签中
  • 内嵌式是在学习中经常用到的

外部是的JS

在同级目录下新建一个my.js文件在<head></head>里书写下面的代码

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

注意:

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

## JS注释

// 单行注释

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

JS输入输出语句

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

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

转载:转载请注明原文链接 - 前端必备之初识JavaScript


拒绝拖延,勇于表达!