##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. Jquery.Datatables dom表格定位 （转）

    Datatables会添加一些控制元素在表格的周围,比如默认状态下改变每页显示条数(l)的空间在左上角,即使搜索框(f)在右上角,表格的信息(i)显示在左下角,分页控件(p)显示在右下角. 这些控件在 ...

  2. SpringMVC实现文件上传功能

    文件上传 文件上传要求form表单的请求方式必须为post,并且添加属性enctype="multipart/form-data" SpringMVC中将上传的文件封装到Multi ...

  3. 题解0007：小木棍（P1120）

    (错误记录) 题目链接:https://www.luogu.com.cn/problem/P1120 题目描述:几根同样长的木棍,小冥把它们随意砍成了n段: 然后他又吃饱了撑的想把木棍拼上: 但是这个 ...

  4. Github使用指南（学习中随时更新）

    注册好一个账号后先创建一个仓库 点击"Create repository"创建一个版本库 填好带*号的必填项,选择是要公开仓库还是私人使用,勾选自动添加README选项 READM ...

  5. leetcode刷题1--动态规划法回文串2

    题目是: Given a string s,partition s such that every substring of the partition is a palindrome Return ...

  6. SpringBoot+Vue+mysql 搭建（二）node 和gulp环境的设置

    安装node不再写    gulp 参考以下文档 https://blog.csdn.net/a599174211/article/details/82878095 1.使用npm命令安装,一下两个命 ...

  7. 什么是springcloud？springcloud断路器的作用是什么？springcloud的核心组件有什么？

    一.什么是springcloud 1.springcloud概述 Spring Cloud是一个微服务框架,相比Dubbo等RPC框架, Spring Cloud提供的全套的分布式系统解决方案. Sp ...

  8. memcached 是原子的吗？

    所有的被发送到 memcached 的单个命令是完全原子的.如果您针对同一份数据 同时发送了一个 set 命令和一个 get 命令,它们不会影响对方.它们将被串行化. 先后执行.即使在多线程模式,所有 ...

  9. 详解 IOC

    什么是IOC: IOC-Inversion Of Control,即"控制反转",不是什么技术,而是一种设计思想.在Java开发中,IOC意味着将你设计好的对象交给容器控制,而不是 ...

  10. isNotEmpty 与 isNotBlank 的区别

    isNotEmpty(str)等价于 str != null && str.length > 0 isNotBlank(str) 等价于 str != null &&am ...