js入门

js入门

js:  JavaScript运行在客户端的(基于对象的语言)嵌入式脚本语言。

作用：交互时的动态效果

作者：1995年 布兰登·艾奇

• js的组成部分

  1.ECMA-262 js的核心：变量声明、函数、语句（if，for）

  2.DOM 网页中的所有标签包含的内容 document object model 文档对象模型

  3.BOM 　Browser object model 浏览器对象模型

• 版本

  ES4    ES6
    <script></script>  
    <script  src='路径/文件名.js'></script>

• js在网页中的使用

  1.内嵌脚本
    可以放在head，body里，从上到下依次执行（页面中可内嵌多个<script></script>）
  
    2.外部文件
    <script  src='路径/文件名.js'></script>

• js基本语法

  注释：
    HTML（DIV） <!-- -->
    CSS    /*  */
    js单行注释  //    
        多行注释  /*  */
    结束：
        以；结束
        大小写区分
    打开控制台面板F12

• 输出的三种方式

  1.alert('内容')   弹出框
  
    2.document.write(' ')    页面内容输出   // 如果是标签，将以字符串方式输出
  
    3.console.log()     控制台输出

• 标识符

  变量、函数、属性的名字
  
    变量命名：字母、数字、下划线、$     不能以数字开头
  
    变量命名语义化myCart 　　驼峰规则：第一个单词字母小写，其他单词的首字母大写
  
    △  变量名不能用关键字和保留字命名
  
    定义变量的关键字：
    var  变量名 =  初值
  
    {
        var 变量名；
        变量名 = 值；
  
    }
  
    /* 变量输出变量名不加双引号*/
    /* 定义多个变量之间用逗号隔开*/

• 变量计算

  变量赋值：后写的值覆盖先写的值
    字符串 + 变量： “+” 拼接字符串
    变量 + 字符串
    字符串 + 字符串  把右侧的运算结果赋值给左侧的变量
    变量 + 变量
    var 声明的变量叫做显式声明，没有var声明的变量，直接赋值叫做隐式声明