JavaScript笔记&1

JavaScript

一、初识JavaScript

  • 1995年由布兰登编写，耗时10天，最初的名字叫做LiveScript，后来与SUN公司合作，改名为JavaScript（为了蹭java热度），实际上与java没有任何关系

  • JavaScript是什么？

    • 是世界上最流行了语言之一，一种运行在客户端的脚本语言（script是脚本的意思）

    • JavaScript脚本语言不需要编译，运行的时候由js解释器逐个解释和执行

    • 现在也可以基于Node.js技术进行服务器端编程

      • node.js是什么？

        是用来写JavaScript服务端代码的，起初程序员使用JavaScript写前端代码，还需要使用另一门语言（Java、PHP、Ruby）等写后端代码，很不方便，后来诞生了nodejs，nodejs可以采用JavaScript去编写后端代码，所以前端程序员使用nodejs写后端就变得方便了，但是JavaScript最终还是要在浏览器上运行，所以并不依赖nodejs。可以说nodejs是一个JavaScript的解释器

1.1 JavaScript的作用

  1. JavaScript最初的目的是做表单验证的
    • 起初，表单的验证信息都需要发到服务器去做判断，错误信息也发送达服务端进行判断，给服务器造成了不必要的压力，而JavaScript的作用就是在前端进行信息验证
  2. 网页的特效
    • 动态触发事件，从而产生特效
  3. 服务端的开发，就是Node.js
  4. 桌面程序（Electron）\App（Cordova）\物联网（Ruff）\游戏开发（cocos2d-js）

1.2 HTMLL\CSS\JS

  • HTML决定网页的结构和内容，相当于人类的身体
  • CSS决定了网页的模样，相当于人类的衣服
  • JavaScript实现了业务逻辑和控制，相当于人类的动作形态

1.3 浏览器如何执行JS的

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

    • 渲染引擎：用来解析HTML和CSS的，俗称内核
    • JS引擎：用来解释网页中的JavaScript代码，对其处理后运行，比如chrome的v8。js引擎也就是js解释器

  • 浏览器本身不会执行Js代码，而是通过内置的JavaScript解释器来执行JS代码的。JS解释器执行代码时是逐行解释每一句源码的，然后交给计算机去运行，所以JavaScript是脚本语言，是解释型语言

1.4 JavaScript的组成

  • JavaScript由三部分组成
    1. ECMAScript，也就是JavaScript的语法
      • ECMAScript是由ECMA（原欧洲计算机协会）国际进行标准化的一门编程语言，简单理解成Javascript或者JScript就行了，JS是ECMAScript语言的实现和扩展
    2. DOM，页面文档对象模型
      • Document Object Model，文档对象模型，是由W3C组织推荐的处理可扩展标记语言的标准编程接口
    3. BOM，浏览器对象模型
      • Browser Object Model，浏览器对象模型，它提供了独立于内容的，可与浏览器窗口进行互动的对象结构，通过BOM可以操作浏览器窗口，比如弹窗，浏览器跳转，分辨率等等

1.5 JavaScript初体验

1.5.1 JS的三种书写方式

  1. 行内式书写方式，顾名思义就是写在html标签内部的

    <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>书写方式</title>
</head>
<body>
    <!-- 这就是行内式书写方式 -->
    <input type="button" value="唐伯虎" onclick="alert('秋香')">
</body>
</html>
    • 可以将单行或者少量JavaScript代码写在HTML标签事件属性中
    • 引号易错，注意单双引号，在HTML中我们推荐使用双引号，在JavaScript中我们推荐使用单引号
    • 可读性差，在HTML标签属性中编写大量JavaScript代码时，不方便阅读
    • 只在特殊情况下使用

  2. 内嵌式，内嵌式就是写进script标签中的JavaScript代码

    <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>书写方式</title>
</head>
<body>
    <!-- 这就是内嵌式 -->
    <script>
        alert('弹出这句话');
    </script>
</body>
</html
    • 可以将多行JavaScript代码写入到
posted @ 2021-09-12 20:37  心无垠  阅读(47)  评论(0)    收藏  举报