js学习

一、js书写格式注意点

  1. 不推荐直接将js代码书写到标签内部

  2. 默认情况下浏览器会从上至下的解析网页,所以如果将js写到一对head标签中,并且需要通过js代码操作界面上的元素,那么就不能直接书写js代码,否则无效。

    如果想将js写到一对head标签中,并且需要在js代码中操作界面上的元素,那么必须加上window.onload=function(){js代码}

    window.onload的含义:等到界面上所有的内容都加载完毕再执行{}中的代码

    由于默认情况下浏览器会从上至下的解析网页,所以如果想通过js操作界面上的元素只需要等到元素被加载解析之后操作就可以了,所以我们还可以将js代码写到body结束标签的前面(意思是js也可以写到body标签内来避免这样的情况发生)

  3. 如果是导入js文件的话,和第二条同理。

  4. 如果已经在script标签中编写了js代码,就不能用这个标签再导入js文件了,不然是无效的

二、js常见输出方式

  1. 通过弹窗的形式来输出

    注意点:如果需要输出的内容不是数字,那么就必须通过单引号或者双引号括起来

    ​ 在js中是严格区分大小写的

    ​ 记住代码后面加分号(有时候不加分号程序照样运行,因为浏览器自动帮我们加了,但是会影响性能并且不一定加的对)

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    alert(需要输出的内容);           //弹窗里有“确定”按钮
    alert(123);
    alert('abc');

    confirm(需要输出的内容); //弹窗里有“确定”“取消”按钮
    confirm(123);
    confirm('abc');

    prompt(需要输出的内容); //比confirm多一个输入框
    prompt("abc");
  2. 通过网页内容区域的形式输出

    1
    document.write(需要输出的内容);
  3. 通过开发者工具控制台的形式来输出(网页上看不到,在开发者工具的console菜单里面看到)

    1
    2
    3
    4
    5
    console.log(需要输出的内容); //普通输出

    console.warn(需要输出的内容); //警告输出

    console.error(需要输出的内容); //错误输出

    三个的区别就是显示效果不一样

三、常量和变量

常量

  1. 整型

  2. 实型

  3. 字符串

  4. 布尔

  5. 自定义常量:

    在ES6中新增的

    const 常量名称 = 常量取值;

    const NUM = 666;

变量

定义: var 变量名称; //ES6之前,ES6开始不是var 是let

存储数据: 变量名称=数据;

获取数据: 变量名称

注意:如果变量没有赋初值,默认存储的是:undefined

ES6之前如果定义了同名变量,那么后定义的变量会覆盖先定义的变量,不会报错

在ES6之前,可以先使用变量再定义变量,不会报错。原理:

js是一门解释型语言,会边解析边执行,所以在解析前会进行 预解析,就是把代码中所有的变量和函数定义放到代码的最前面(赋值不会,只是定义)

所以在ES6开始,变量定义改进了:

let 变量名称; //只是把var换成let了,其他不变

并且如果有同名变量被定义会报错

四、数据类型


本博客所有文章除特别声明外,均采用 CC BY-SA 4.0 协议 ,转载请注明出处!