JavaScript基础

javaScript

概念

概念：一门客户端脚本语言
脚本语言：不需要编译，直接就可以被浏览器解析执行了
功能：可以增强用户和heml页面交互的过程可以控制html元素，让页面有一些动态的效果，增强用户的体验·
JavaScript发展史：
1.1992年，Nombase公司，开发出全球第一门客户端吧脚本语言，专门用户表单的校验。命名为：c-- 后来更名为ScriptEase
2.1995年，Netscape（网景）公司，开发了一门客户端脚本语言：Livescript。后来请来sun公司的专家，修改Livescript，命名为JavaScript
3.1996年，微软抄袭了JavaScript开发出了Jscript语言
4.1997年，ECMA（欧洲计算机制造协会），ECMAScript，就是所有客户端脚本语言的标准。
Javascript = ECMAScript + JavaScript自己特有的东西（BOM+DOM）
ECMAScript
1.基本语法：

与html的结合方式

1.内部js
定义

注释

1.单行注释 //
2.多行注释 /**/

数据类型

1.原始数据类型
number：数字。整数、小数、NaN （一个不是数字的数字类型）
string：字符串。字符和字符串单引双引都可以
boolean：true和false
null：一个对象为空的占位符
undefine：未定义。如果一个变量没有给初始化值，则会被默赋值为udnefine
2.引用数据类型：对象

变量

1.变量：一小块存储数据的内存空间。
2.java语言是强类型语言，JavaScript是弱类型语言
强类型：在开辟变量存储空间时，定义了空间将来存储数据的数据类型。只能存储固定数据类型的数据
弱类型：在开辟变量存储空间时，不定义空间将来的存储类型，可以存放任意类型的数据。
语法：
var 变量名= 初始化值；

输出到页面上
document.write(num); 固定语法，需要记住
“
” 换行
typeof(变量名) 看变量是什么类型

运算符

1.一元运算符：只有一个运算数的运算符
++ ，-- ，+（正号）
2.算术运算符
（+ - * / % ）
3.赋值运算符
（= += -+）
在这里插入图片描述

4.比较运算符
（> < >= <= ===全等于）
在这里插入图片描述

5.逻辑运算符
&& || ！
在这里插入图片描述

6.三元运算符
？：表达式
在这里插入图片描述

流程控制语句

1.分支结构
if else
switch：
在java中switch语句可以接受的数据类型：byte、short、int、char、枚举、string
在JS中，switch可以接收任意类型的语句。
while
do while
for

<!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>");
                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>