##JavaScript：

　　# 概念：一门运行在客户端的脚本语言

　　　　*运行在客户端浏览器中的。属于前端三件套之一，属于静态资源，每一个浏览器都有JavaScript的解析引擎

　　　　*脚本语言：不需要编译，直接可以被浏览器解析执行了

　　# 功能

　　　　*可以来增强用户和html页面的交互过程，可以来控制html元素，让页面有一些动态的效果，增强用户的体验（其最初用于表单的校验后逐步发展完善）

　　　　*JavaScript包括ECMAScript和JavaScript独有的东西（bom和dom）

##EMCAScript：客户端脚本语言的标准

　　1、基本语法：

　　　　　　* 与html结合方式

　　　　　　　　内部js

　　　　　　　　外部js

2. 注释
                1. 单行注释：//注释内容
                2. 多行注释：/*注释内容*/
            3. 数据类型：
                1. 原始数据类型(基本数据类型)：
                    1. number：数字。 整数/小数/NaN(not a number 一个不是数字的数字类型)
                    2. string：字符串。 字符串  "abc" "a" 'abc'
                    3. boolean: true和false
                    4. null：一个对象为空的占位符
                    5. undefined：未定义。如果一个变量没有给初始化值，则会被默认赋值为undefined
                   
                2. 引用数据类型：对象
               
            4. 变量
                * 变量：一小块存储数据的内存空间
                * Java语言是强类型语言，而JavaScript是弱类型语言。
                    * 强类型：在开辟变量存储空间时，定义了空间将来存储的数据的数据类型。只能存储固定类型的数据
                    * 弱类型：在开辟变量存储空间时，不定义空间将来的存储数据类型，可以存放任意类型的数据。
                * 语法：
                    * var 变量名 = 初始化值;
               
                * typeof运算符：获取变量的类型。
                    * 注：null运算后得到的是object
            5. 运算符
                1. 一元运算符：只有一个运算数的运算符
                    ++，-- ， +(正号)  
                    * ++ --: 自增(自减)
                        * ++(--) 在前，先自增(自减)，再运算
                        * ++(--) 在后，先运算，再自增(自减)
                    * +(-)：正负号
                    * 注意：在JS中，如果运算数不是运算符所要求的类型，那么js引擎会自动的将运算数进行类型转换
                        * 其他类型转number：
                            * string转number：按照字面值转换。如果字面值不是数字，则转为NaN（不是数字的数字）
                            * boolean转number：true转为1，false转为0
                2. 算数运算符
                    + - * / % ...
                3. 赋值运算符
                    = += -+....
                4. 比较运算符
                    > < >= <= == ===(全等于)
                    * 比较方式
                      1. 类型相同：直接比较
                          * 字符串：按照字典顺序比较。按位逐一比较，直到得出大小为止。
                      2. 类型不同：先进行类型转换，再比较
                          * ===：全等于。在比较之前，先判断类型，如果类型不一样，则直接返回false
                   
                5. 逻辑运算符
                    && || !
                    * 其他类型转boolean：
                       1. number：0或NaN为假，其他为真
                       2. string：除了空字符串("")，其他都是true
                       3. null&undefined:都是false
                       4. 对象：所有对象都为true
               
                6. 三元运算符
                    ? : 表达式
                    var a = 3;
                    var b = 4;
           
                    var c = a > b ? 1:0;
                    * 语法：
                        * 表达式? 值1:值2;
                        * 判断表达式的值，如果是true则取值1，如果是false则取值2；
               
            6. 流程控制语句：
                1. if...else...
                2. switch:
                    * 在java中，switch语句可以接受的数据类型： byte int shor char,枚举(1.5) ,String(1.7)
                        * switch(变量):
                            case 值:
                    * 在JS中,switch语句可以接受任意的原始数据类型
                3. while
                4. do...while
                5. for
            7. JS特殊语法：
                1. 语句以;结尾，如果一行只有一条语句则 ;可以省略 (不建议)
                2. 变量的定义使用var关键字，也可以不使用
                    * 用： 定义的变量是局部变量
                    * 不用：定义的变量是全局变量(不建议)
            8. 练习：99乘法表
            <!DOCTYPE html>
            <html lang="en">
            <head>
                <meta charset="UTF-8">
                <title>99乘法表</title>
                <style>
                    td{
                        border: 1px solid;
                    }
           
                </style>
           
                <script>
           
                    document.write("<table  align='center'>");
           
           
                    //1.完成基本的for循环嵌套，展示乘法表
                    for (var i = 1; i <= 9 ; i++) {
                        document.write("<tr>");
                        for (var j = 1; j <=i ; j++) {
                            document.write("<td>");
           
                            //输出  1 * 1 = 1
                            document.write(i + " * " + j + " = " + ( i*j) +"&nbsp;&nbsp;&nbsp;");
           
                            document.write("</td>");
                        }
                        /*//输出换行
                        document.write("<br>");*/
           
                        document.write("</tr>");
                    }
           
                    //2.完成表格嵌套
                    document.write("</table>");
           
                </script>
            </head>
            <body>
           
            </body>
            </html>

JavaScript学习基础1的更多相关文章

  1. JavaScript学习基础部分

    JavaScript学习基础 一.简介 1.JavaScript 是因特网上最流行的脚本语言,并且可在所有主要的浏览器中运行,比方说 Internet Explorer. Mozilla.Firefo ...

  2. JavaScript学习基础篇【第1篇】: JavaScript 入门

    JavaScript 快速入门 JavaScript代码可以直接嵌在网页的任何地方,不过通常我们都把JavaScript代码放到<head>中,由<script>...< ...

  3. JavaScript学习 - 基础(二) - 基础类型/类型转换

    基础类型 - 数字类型(Number) 1.最基本的数据类型 2.不区分整型数值和浮点型数值 3.所有数字采用64位浮点格式存储,相当于Java和C语言中double格式 4.能表示的最大值 +- 1 ...

  4. JavaScript学习 - 基础(一)

    ECMAscript ECMAscript是一个重要的标准,但它并不是JAVAscript唯一的部分,当然,也不是唯一标准化的部分,实际上,一个完整的JAVAscript实现是由一下3个不同的部分组成 ...

  5. JavaScript学习基础

    基本语法    JavaScript语法和Java语言类似,每个语句以 : 结束,语句块用 {...}包起来.JavaScript并不强制要求在每个语句的结尾加: ,但是建议都加上,不给自己找麻烦.  ...

  6. JavaScript学习基础2

    ##JavaScript基本对象 1 .function:函数(方法)对象 * 创建: 1.var fun =new Function(形式参数,方法体): 2.function 方法名(参数){ 方 ...

  7. JavaScript学习 - 基础(八) - DOM 节点 添加/删除/修改/属性值操作

    html代码: <!--添加/删除/修改 --> <div id="a1"> <button id="a2" onclick=&q ...

  8. JavaScript学习 - 基础(七) - DOM event(事件)

    DOM event(事件) 定义事件: // 定义事件: //方式一,直接在标签上定义事件 // 方式二: var a11 = document.getElementsByName('a11')[0] ...

  9. JavaScript学习 - 基础(六) - DOM基础操作

    DOM: DOM定义了访问HTML 和XML 文档的标准:1.核心DOM 针对结构化文档的标准模型2.XMK DOM 针对XML文档的标准模型3.HTML DOM 针对HTML文档的标准模型 DOM节 ...

随机推荐

  1. Hadoop2.x与Hadoop3.x副本选择机制

    HDFS 上的文件对应的 Block 保存多个副本,且提供容错机制,副本丢失或者宕机自动恢复,默认是存 3 个副本. 2.8.x之前的副本策略 官方文档说明: https://hadoop.apach ...

  2. Java线程通信

    Java线程通信 螣蛇乘雾,终为土灰. 多个线程协同工作完成某个任务时就会涉及到线程间通信问题.如何使各个线程之间同时执行,顺序执行.交叉执行等. 一.线程同时执行 创建两个线程a和b,两个线程内调用 ...

  3. Eureka和zookeeper都可以提供服务注册与发现的功能，请说说两个的区别？

    Zookeeper保证了CP(C:一致性,P:分区容错性),Eureka保证了AP(A:高可用) (1)当向注册中心查询服务列表时,我们可以容忍注册中心返回的是几分钟以前的信息,但不能容忍直接down ...

  4. kafka中的 zookeeper 起到什么作用，可以不用zookeeper么？

    zookeeper 是一个分布式的协调组件,早期版本的kafka用zk做meta信息存储,consumer的消费状态,group的管理以及 offset的值.考虑到zk本身的一些因素以及整个架构较大概 ...

  5. 为什么要使用 rabbitmq？

    (1)在分布式系统下具备异步,削峰,负载均衡等一系列高级功能; (2)拥有持久化的机制,进程消息,队列中的信息也可以保存下来. (3)实现消费者和生产者之间的解耦. (4)对于高并发场景下,利用消息队 ...

  6. 阿里低代码引擎 | LowCodeEngine - 如何配置并调用请求

    首发于 语雀文档@blueju 前言 发送请求是前端中很重要也很常见的一部分,阿里低代码引擎自然也不会缺少这一块.在阿里低代码引擎中,请求是在数据源中配置,数据源位置如下图: 配置 配置界面如下图:其 ...

  7. H5扇形

    使用H5 canvas绘制的可交互扇形 requestAnimationFrame() 现有动画实现方式的不足 setTimeout和setInterval都不十分精确.为它们传入的第二个参数,实际上 ...

  8. Codepen 每日精选（2018-4-6）

    按下右侧的"点击预览"按钮可以在当前页面预览,点击链接可以打开原始页面. 按照画出的路线吃豆子的交互动画https://codepen.io/createjs/f... 模拟真实手 ...

  9. 深入HTTP协议

    一.HTTP定义 超文本传输协议(HTTP)是一种通信协议,它允许将超文本标记语言(HTML)文档从Web服务器传送到客户端的浏览器. HTTP是一个属于应用层的面向对象协议,由于其简捷.快速的方式, ...

  10. Leetcode1/242/383-HashMap常用方法以及遍历排序方式

    HashMap常用方法以及遍历排序方式 常用方法 map.containsKey() map.put() map1.equals(map2) 遍历方式 Iterator<Map.Entry< ...