JavaScript基础

1.js初体验

        js的代码必须要在script标签中书写,script是一个双标记标       

<script>
    alert('Hello World');
</script>

2.在head中书写script标签

        type="text/javascript"  可写可不写

<head>
    <script type="text/javascript">
        alert('Hellp World')
    </script>
</head>

3.在body中书写script标签

        一般情况下,我们在body中写的script代码都是放在最后一行的

4.在head和body中书写script标签的执行顺序

        js的代码是从上到下依次执行的,无论是在body还是在head中

5.在哪个位置来书写script标签

        因为代码是从上到下依次执行的,所以在实际的企业级开发中,script标签都是放在body,的最后一行,这样可以保证能获取到所有对象

6.引入外部js文件

<script src="./js/引入外部js文件.js"></script>

        引入js的标签,可以在head或者body中书写

        引入js的标签中,不可以书写js代码,各司其职

        在内部中书写js和外部引入js的执行顺序完全取决于书写顺序

7.延迟加载-defer

<script src="./js/延迟加载-defer.js" defer></script>

        (1)在所有的js文件执行完毕之后才会执行延迟加载

        (2)当有很多个defer文件的时候,我们依然是按照顺序来执行

        (3)defer智能应用在外部引入js的时候才可以使用

8.异步加载-async

<script src="./js/异步加载.js" async></script>

        比较耗时的操作会耽误代码的执行,所以我们要把同步的代码编程异步

        async是异步加载js文件,就是让比较耗时的操作都放在一个js文件中,然后引入的时候给标签日俺家async属性,也是只能用于外部引入的js文件、

9.四种输出方式

 

<script>
    alert('这周降温了');
</script>
<script>
    // 控制台输出  控制台打印
    // 我们一般在开发的时候都会利用这个方法来测试我们的代码
    console.log('明星真优秀');
</script>
<script>

    document.write('<h1>坏蛋是怎样练成的</h1>');

</script>
<body>
    <a href="" id="a1">
        前端
    </a>
    <script>
        // innerHTML是获取标签中间的内容
        var a = document.getElementById('a1');
        console.log(a.innerHTML);
    </script>
</body>

10.注释

<script>
    // 单行注释


    /**
    * 多行注释
    * /

             
    /*
        这也是一个多行注释
     */

</script>

11. 什么是变量

        变量的定义: var a = 1;

        变量的定义2: 变量的声明  var b;

                                 初始化         b = 2;

12.变量是可以重复定义的

        变量是可以重复定义的,但是不建议,我们在开发的时候也不会这样写

<script>
    var a = 1;
    var a = 2;
</script>

        在默认情况下,js是非严格模式,不加var也可以定义变量,但是在严格模式下必须要加var,不加var就报错

        es6都是严格模式,在es5中加 'use strict'; 表示使用严格模式

13.命名规范

        (1)只能以字母、_ 、$ 开头,后面可以跟字母、_ 、$和数字,不能以数字开头

        (2)严格区分大小写

        (3)不能以关键字定义为变量

        变量的命名

<script>
    // 小驼峰
    var userName = 'liyifeng';

    // 大驼峰
    var UserName = 'luozhixiang';

    // 下划线
    var user_name = 'wuyifan';
</script>

14.数据类型的基本分类

        js的数据类型

        (1)基本数据类型

                a. string    字符串

                b. number 数字

                c. boolean 布尔

                d. undefind 未定义

                e. null         空

                f.symbol     常量

        (2)引用数据类型

                a. object     对象

                b. array      数组

                c. function  函数

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值