js简介

一、编程语言和javaScript
计算机语言： c语言 c++ java JavaScript python c# php

第一代语言： 机器语言 直接操作 cpu指令 编程难度极大 二进制

第二代语言： 汇编语言 使用一些简单的英文单词 帮助程序员记忆

第三代语言： 高级编程语言 比如 c语言 c++ java JavaScript python c# php
特点：更加符合我们人类的思想 比如 if else 极大地降低了程序员的编程难度 不能被cpu直接理解

第四代：未来可能是量子计算机

高级编程语言有可以分为很多类型

按照运行方式：分为解释性语言 和编译性语言
             解释性语言: 每写一行代码 就执行一行代码  比如  js    python
             编译性语言：一次性编译   java  c#  java有虚拟机

             编译性语言效率会高点

按照强弱类型：强类型语言：  java c# c 变量 函数名 返回值等都有固定的类型 
                          public  static int main(String[] args){
                                          return 1;
                          }

                             float f = 3.1f;
                             int a = 1.2;
                     
             弱类型语言 ：  JavaScript  变量名 返回值 没有固定的类型

                                var str = "字符串";
                                var num = 1;
                                var  bool = true;

按照编程思想： 面向对象 和面向过程:
             面向过程： 研究的主体是函数 每完成一个功能就需要响应的函数去执行
                        专注于某个功能的开发
             比如c语言  
             面向对象： 研究的主体是类和对象 专注于类的设计
             比如 java  c#  c++(可以理解为两者的一个过渡状态 也是面向对象但不是一个纯面向对象)

             小型项目 ：面向过程
             大型 复杂项目：面向对象
             有些语言 同时有面向对象和面向过程的思想： 我们成为多范式编程语言 JavaScript
    把大象放进冰箱： 
       面向过程：
                     1、打开冰箱
                     2、把大象放进去
                     3、把冰箱门关上

        面向对象：    1、设计类 (大象类   开门者  冰箱)  
                     2、每个类要有响应的属性和方法 
                        比如大象： 可以被放进冰箱的属性
                        冰箱有 开门和关门属性 
                        开门者 :有开门和关门的方法   
                     3、实例化每个类的对象 执行相应的方法   

         JavaScript 是一种 弱类型的 多范式的  解释性语言      
         刚开始就是一个 仅仅作为浏览器使用的 一门脚本语言 随着js越来越流行很多大型公司也开始使用javaScript开始编程 

二、html、css、js
1、html 元素容器 (网页有什么 相当于人的骨骼)

2、css 元素样式 (外观 相当于人的血肉)

3、JavaScript 交互逻辑 (相当于人的 行为)

js可以控制 1和2
三、js书写位置
网页中使用js 有三种方式：1、写在 script的标签中
//javascript 代码的执行是必须在 js 平台上 我在网页中要写在一个 script标签中 一般是写在 body后 其实可以是网页的任何位置 <script></script>
2、从外部引入一个js样式
从外部引入js 引入后 script中不要再写js代码 浏览器会自动忽略<script src="./js.js">
3、直接在标签中书写(一般不用 )
<button onclick="alert('你点击了标题')" >标题</button>