javascript简单基础

文章大纲

js的三种输出方式

js语法

js调错

js｜html｜css注释

js变量

js的三种输出方式

1. 输出到控制台
   console.log();

    console.log(‘aaaa‘);
    console.log(‘hahhah‘);

2. 输出到页面
   document.write();

document.write(‘sdddssdsd‘)
document.write(‘<br/>‘)
document.write("ddddd")
document.write(‘<h1>yihaobiaoti</h1>>‘) //html标签可以直接在js中应用

3. 弹出警告框
   window.alert();
   简写为alert（）；
   注意：alert会阻止页面程序的执行

window.alert("eeeeeee")//先
alert("ffff")//后
注意：会阻止页面程序的执行

js的语法

js的调试
通过控制台查看，打开控制台的快捷键：ctrl+shift+j

1. 报错包含的内容
2. 错误的类型 type Errow
3. 错误的原因
4. 错误的位置

注意：一个script出错，对其他script没有影响。
同一个script中，错误的前面没有影响，错误及错误以后会报错和显示不出来
不同script，其他script有错，不影响它的输出

js｜html｜css注释

1. html注释

    <!-- 注释内容-->

2. css注释

    /*注释内容*/

3. javascript 注释

    单行注释  //注释内容
    多行注释  /*注释内容*/

js变量

1. 变量的定义
   值可以改变的量称为变量

x = 8;
y = 10;
z = x + y;
console.log(z);

2. 变量的作用
   存储数据的容器
   js中变量的声明
   格式： var 变量名；
3. 变量的赋值（=）
   格式：变量名 = 值；等号右边的值赋给等号左边
4. 变量的初始化
   声明变量的同时，给变量赋值，称为变量的初始化
   格式：var 变量 = 数值；
5. 一条语句可以声明多条变量，用逗号隔开

    var x = 5,y = 6 ,z =x + y;
    var x,y,z;

6. 声明变量没有赋值，默认报错undefined

    var x；
    console.log(x);//underfined未定义

7. 不声明变量直接调用

    console.log(y);//报错，referenceerror：y is not defined

9. 重新声明。js的值不会丢失

    var x =10；
    var x；
    console.log(x);//10

10. 重新赋值,后面的值会替换前面的值

    var x =10;
    x=100;
    console.log(x);//100

11. 变量的声明提升
    js变量的声明会提前到所有代码的最上面，赋值留在原地

    console.log(x);//underfined
    var x =100;
   // 等同于
    var x；
    console.log(x);
    x = 100;

12. 不写var的情况,就是定义了一个全局变量，作用域是不能控制的

    abc=123
    console.log(abc);//123

13. 变量的命名规则

• js区分大小写 a A
• 可以包含数字，字母，下划线，$
• 不能以数字开头
• 不能是js的关键字和保留字 var
• 见名知意，起有意义的名字 避免简单字符
• 多个单词用驼峰命名法
  小驼峰命名法，userNameLast 推荐
  大驼峰命名法，UserNameLast