JavaScript-day01

目录

一、单位换算

二、ECMAScript

三、HTML 、CSS 、JS的微区别

四、JavaScript

五、JavaScript的特点

六、JavaScript语法

七、JavaScript的使用方法     行内代码、内部代码、外部代码

八、window对象方法

九、window对象属性

十、变量的创建

十一、变量的声明提升

十二、数据类型


一、单位换算

1.位(Bit):指一个0或者一个1,就是一位。(最小的存储单位)

2.字节(Byte):简写 "B"   1B = 8bit(8b)

3.千字节(KB):1KB = 1024B

4.千字节(MB):1MB = 1024KB

5.千字节(GB):1GB = 1024KB

6.千字节(TB):1TB = 1024GB

二、ECMAScript

ECMAScript:JavaScript语言开发规范

三、HTML 、CSS 、JS的微区别

HTML:结构层,提供网页的结构,提供网页中的内容

CSS:表示层,用来美化网页

JS:行为层,可以用来控制页面的内容,给网页增加动态的效果,用于跟用户的交互

四、JavaScript

脚本语言,依托于其他程序才能执行的语言(依托于浏览器);

可跨平台:在不同设备上的浏览器均能运行(浏览器的跨平台性);

面向对象:针对对象的方法。

五、JavaScript的特点

1.JavaScript是一个脚本语言,可跨平台,支持面向对象;

2.脚本(Script)简单地说就是一条条的文本指令,按照程序流程执行;

        常见的脚本语言:JavaScript、VBScript、Perl、PHP、Python等;

        非脚本语言:C、C++、Java、C#等。

3.脚本语言与非脚本语言的区别:

        非脚本语言与i版需要编译、链接、生成独立的可执行的文件后才能运行;

        脚本语言依赖于解释器,旨在被调用时自动进行解释或编译。

4.几乎所有的浏览器,包括手机等各类移动设备。

        JavaScript语言不依赖于操作系统,仅需要浏览器的支持。

六、JavaScript语法

1.标识符:由大小写字母、数字、下划线和美元符号($)组成

        注:1.不能以数字开头;

                2.严格区分大小写;

                3.不能使用JS里的关键词;

                4.语义化,见其名知其意。

2。注释:

        单行注释://

        多行注释:/*-- --*/

        所有的语句末尾都要加  " ; "  且符号全英。

七、JavaScript的使用方法     行内代码、内部代码、外部代码

1.行内代码:行内代码需要特定的条件才能书写

<div onclick="console.log('123')"></div> //结果是123

2.内部代码:写在script里(script标签尽量写在body最下面)

<body>
<script>
conlose.log("aaa");//行内代码
</script>
</body>

3.外部代码:通过script标签引入外部的js文件,将路径写在SRC属性里面(写在body的最后面)

<body>
<script src="x/xx.js">
</script>
</body>

八、window对象方法

window 均可省略

1.window.alert()   警告弹窗  只有确定按钮

window.alert("你确定吗?");

2.window.confirm()   确认弹窗  有确认及取消按钮

window.confirm("你确认要删除吗?");

3. window.prompt()  输入弹窗   有确认和取消按钮和输入框

window.prompt("请输入你的名字");

九、window对象属性

window 均可省略

1.console.log();   在控制台中打印输出  日志信息

window.console.log("你今天状态很好");

2.console.dir();  打印对象里面的所有属性和方法

window.console.dir(window);

3.document.write 将内容输出到页面中

window.document.write("<div class='changhui' style='color:red;'>今天天气真好</div>");

十、变量的创建

1.变量的声明  声明变量

 var studentName;

2.变量的赋值

 studentName = "李四";

3.变量的初始化

  声明过变量名后,直接赋值

var studentAge = 18;

4.同时声明多个变量

var studentId, studentSex;

5.同时声明多个变量并初始化

 var studentId = 1000,
            studentSex = "男";

十一、变量的声明提升

        特殊的浏览器机制,避免代码报错

// undefined  ?   
        console.log(num);
        var num = 18;


        // |
        // |
        // v


         var num;
         console.log(num);
         num = 18

十二、数据类型

1.布尔数据类型 Boolean

   true 正确 1      false 错误 0

var boo1 = true;
        var boo2 = false;
        console.log(boo1);
        console.log(boo2);

2.数字数据类型  Number

  包含所有数字 正数  负数 整数  小数(浮点数)

  打印出来呈蓝色

var num1 = 123;
        var num2 = 123.456;
        var num3 = -123.456;
        var num4 = 123e5;
        console.log(num1);
        console.log(num2);
        console.log(num3);
        console.log(num4);

3.字符串数据类型  String

  包含所有字符串  打印出来都是黑色

  双引号 和 单引号 没有区别

var str1 = "你'和'好";
        var str2 = "我";
        var str3 = '"有一个帽衫"';
        var str4 = '想';
        console.log(str1);
        console.log(str2);
        console.log(str3);
        console.log(str4);

4.未定义数据类型  Undefined

  没有定义值  打印出来呈灰色

var und;
        console.log(und);

5.空数据类型  Null 

  没有值   Null 表示空值

var nul = null;
        console.log(nul);
  • 11
    点赞
  • 11
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值