##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. 初学者都能学会的ElasticSearch入门实战

    大家好,我是咔咔 不期速成,日拱一卒 项目中准备使用ElasticSearch,之前只是对ElasticSearch有过简单的了解没有系统的学习,本系列文章将从基础的学习再到深入的使用. 咔咔之前写了 ...

  2. 关于linux下的open()write()read()close()函数

    http://blog.sina.com.cn/s/blog_71d1a98701010s0v.html 1.read和write函数调用时,都会记录下当前写的位置,下次调用时就会从这个位置开始读或写 ...

  3. burp token爆破（DVWA high暴力破解）

    一.选择Pitchfork模式.选择要爆破的参数 二.options设置 找到optiops(设置)把线程设为1 配置Grep=Extract,点添加 点击Refetch  response 获取返回 ...

  4. 【论文阅读】CVPR2022: Learning from all vehicles

    Column: March 23, 2022 1:08 PM Last edited time: March 23, 2022 11:13 PM Sensor/组织: 现leaderboard第一名, ...

  5. Redis 系统学习目录

    Redis 系统学习目录 1.redis是什么2.redis的作者何许人也3.谁在使用redis4.学会安装redis5.学会启动redis6.使用redis客户端7.redis数据结构 – 简介8. ...

  6. 【仿真】Carla之收集数据快速教程 (附完整代码) [7]

    收集过程可视化展示,随后进入正文: 参考与前言 看到仿真群对这类任务下(用carla收集数据然后再做训练等) 需求量大,顺手马上写一个好了,首先收集数据需要考虑清楚: 收集什么数据,需要什么样的数据格 ...

  7. macOS逆向-如何分析macOS软件

    目录 macOS逆向-如何分析macOS软件 0x00 前言: 0x01 分析环境搭建: 安装Clang 安装Radare2 关于HT Editor 什么是Radare2 Radare2的手动安装 测 ...

  8. List、Set、Map详解及区别

    一.List接口 List是一个继承于Collection的接口,即List是集合中的一种.List是有序的队列,List中的每一个元素都有一个索引:第一个元素的索引值是0,往后的元素的索引值依次+1 ...

  9. 哪些是重要的 bean 生命周期方法？你能重载它们吗？

    有两个重要的 bean 生命周期方法,第一个是 setup , 它是在容器加载 bean 的时候被调用.第二个方法是 teardown 它是在容器卸载类的时候被调用. The bean 标签有两个重要 ...

  10. ubuntu中有关环境变量的问题

    ubuntu查看环境变量方法 在Ubuntu中,我们可以使用三个命令来查看当前环境变量的设置,以确定我们有没有把路径加载到环境变量中去.我们 可以使用env,export,或者echo  $path, ...