##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. springcloud学习01-用intellij idea搭建Eureka服务

    0.配置intellij idea工具:https://www.cnblogs.com/wang-liang-blogs/p/12060702.html 1.使用maven构建工具构建主工程项目. 1 ...

  2. VS2022 安装.NET 3.5/.NET 4/.NET 4.5/.NET 4.5.1目标包的方法

    最近重装了系统,就装了一个Visual Studio 2022,发现之前的老项目打不开了,需要下载目标包,但是在Visual Studio Installer 里面无法安装 .NET 3.5/.NET ...

  3. 3、Lambda表达式

    Lambda表达式 Lambda表达式(lambda expression),是一种匿名函数,即没有函数名的函数. Lambda表达式不仅在C#中使用,在Java.Phtyon.C++ 中都有使用. ...

  4. 开源三轴云台EVVGC（simple BGC）分析

    一． 主程序分析 主程序结构清晰,流程如图所示,下面将对每个部分做详细分析 二. 系统初始化 系统初始化部分的流程如上图所示,下面对每部分做具体分析 1. 时钟初始化 该部分主要是使能DWT,用DWT ...

  5. C++设计模式 - 访问器模式（Visitor）

    行为变化模式 在组件的构建过程中,组件行为的变化经常导致组件本身剧烈的变化."行为变化" 模式将组件的行为和组件本身进行解耦,从而支持组件行为的变化,实现两者之间的松耦合. 典型模 ...

  6. Java注释相关以及IDEA配置相关的注释

    本文章主要包括以下6个内容: 一.注释分类以及javadoc的使用 二.使用Alibaba Java Coding Guidelines规范编码. 三.IDEA配置类注释 四.IDEA配置方法注释 = ...

  7. Linux(centos7)安装RabbitMQ

    由于RabbitMQ是由Erlang语言开发的,所以我们需要体检安装erlang语言的环境 下载这三个安装包:https://www.aliyundrive.com/s/4AxfTepHjMD 执行安 ...

  8. Mysql查询优化器之关于JOIN的优化

    连接查询应该是比较常用的查询方式,连接查询大致分为:内连接.外连接(左连接和右连接).自然连接 下图展示了 LEFT JOIN.RIGHT JOIN.INNER JOIN.OUTER JOIN 相关的 ...

  9. Zookeeper 有哪几种几种部署模式？

    部署模式:单机模式.伪集群模式.集群模式.

  10. SpringDataJdbc使用数据库默认值的解决方法

    SpringDataJdbc提供了 @ReadOnlyProperty 注解,这会造成由Repository保存的实体会忽略这个字段的值进行保存,进而采用数据库的默认值操作:而查询时这个字段也是能够查 ...