首页 > 编程语言 >JavaScript 基础知识 Day01

JavaScript 基础知识 Day01

时间:2024-07-19 17:56:07浏览次数:22  
标签:console log Day01 JavaScript 基础知识 window var 代码

一、计算机基础知识

1、计算机数据存储单位

  • 位(Bit): 1bit 可以保存一个 0 或者 1 (最小的存储单位)

  • 字节(Byte):1B = 8b

  • 千字节(KB):1KB = 1024B

  • 兆字节(MB):1MB = 1024KB

  • 吉字节(GB): 1GB = 1024MB

  • 太字节(TB): 1TB = 1024GB

2、关于JavaScript

  它是在1952年2月由网景开发出的一种面向过程的脚本语言,可跨平台,且支持面向对象。1997年,网景公司给欧洲计算机制造商协会(ECMA, European Computer Manufacturers Association)提了一个建议,以 JavaScript 1.1 为蓝本,由该协会主导制定了一套 JavaScript 语言开发规范。即是 ECMA 这是一个国际标准化的JavaScript。

3、html 、css和javascript的区别

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

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

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

4、浏览器的内核

浏览器内核备注
IETridentIE、Edge
firefoxGecko这几年已经没落了,打开速度慢、升级频繁。
Safariwebkitwebkit 原作者
chromeChromium/blinkblink其实是 webkit的分支。大部分国产浏览器最新版都采用blink内核。二次开发
OperaPresto/blink现在跟随chrome用blink内核。

5、JavaScript的特点

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

2.脚本(script)简单的来书就是一条条文本的命令,按照程序流程执行。常见的脚本语言:JavaScript、VBScript、Perl、PHP、Python等。 非脚本语言:C、C++、Java、C#等。

3.几乎所有浏览器包括手机等各种移动类设备。JavaScript语言不依赖操作系统,仅需要浏览器的支持。

6、JavaScript的组成

JavaScript由ECMAScript、DOM、BOM,三部分组成

ECMAScript:JavaScript的核心

DOM:文档对象模型

BOM:浏览器对象模型

二、JS使用方法

 1、行内代码

        行内代码 需要在特定的条件下才可以书写,只适用于代码量比较少的时候,如果代码比较多,建议使用内部代码或写到单独的 JS 文件中。

代码示例:

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

2、内部代码(内嵌式)

        内部代码  利用script标签将 JavaScript 代码放在 <script> 标签中   尽量写在body的最下面,

代码示例:

    <script>
        console.log("今天下大雨了!!!");
    </script>

3、外部代码(外链式)

        为了让 HTML 页面和 JavaScript 脚本更好地分离,我们可以将 JavaScript单独保存在一个 .js 文件中,HTML 页面导入该 .js 文件即可。通过script标签来引入外部的JS文件  将文件路径写下src属性里面

代码示例:

    <script src="./01-js使用方法.js">
        console.log("今天要加班!!!!!");
    </script>

三、window对象方法

        Window 对象表示浏览器中打开的窗口。

        window提供的几个关于对话框的方法

1、警告框 只有确定按钮

代码示例:

    <script>
        // alert  警告弹窗  只有确定按钮
        window.alert("你在干啥???");
        alert("你在干啥???");
    </script>

2、确认框  有确认和取消按钮

代码示例:

    <script>
        // confirm 确认弹窗   有确认和取消按钮
        window.confirm("你确认要删除吗?");
        confirm("你确认要删除吗?");
    </script>

3、输入框  有确认和取消按钮以及输入框

代码示例:

    <script>
        // prompt 输入弹窗   有确认和取消按钮和输入框
        window.prompt("请输入你的名字");
        prompt("请输入你的名字");
    </script>

以上这些方法中window是可以省略不写的。

四、window对象的属性

        window对象是BOM的顶层(核心)对象,其他对象都是以属性的方式添加到window对象下,称为window的子对象。

1、console.log属性

        在控制台中打印输出  日志信息

代码示例:

    <script>
        // console.log 在控制台中打印输出  日志信息
        window.console.log("打印输出");
        console.log();
    </script>

2、console.dir();属性

        打印对象里面的所有属性和方法。

代码示例:

    <script>
        // console.dir(); 打印对象里面的所有属性和方法
        window.console.dir(window);
        console.dir(window);
    </script>

3、document.write();属性

         将内容输出到页面上。

代码示例:

    <script>
        //document.write 将内容输出到页面中
        window.document.write("<div class='changhui' style='color:red;'>输出到页面</div>");
        document.write("李海鹏哥哥真帅????");
    </script>

五、变量的创建

1.变量的声明

var studentName;

2.变量的赋值

studentName = "李四";

3.变量的初始化

var studentAge = 18;

4.同时声明多个变量

var studentId, studentSex;

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

var studentId = 1000,studentSex = "男";

六、变量的声明提升

        变量被定义之后,你可以通过变量名称读取变量的值:

var myVariable = 'Hello JavaScript';
console.log(myVariable);

但是,在变量定义代码之前,通过变量名称读取变量的值,会出现什么情况呢?

console.log(myVariable); // undefined
var myVariable = 'Hello JavaScript';

由于变量的声明会被提升到当前作用域的最顶端,而赋值并不会被提升,因此上面的代码输出 undefined。可以使用下面的代码解释:

var myVariable;
console.log(myVariable); // undefined
myVariable = 'Hello JavaScript';

七、数据类型

1、Boolean  布尔数据类型

        true 正确 1   false 错误 2

代码示例:

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  空数据类型

        没有值

代码示例:

var nul = null;
console.log(nul);

八、总结

        刚学习了JS的基础知识,JS数据类型中只有number这一个数字类型,所以number在计算的时候会保留小数,不会自动取整,需要通过另外一个方法parseInt来进行取整。

        今天的总结就到这里,该吃饭喽!!!!!!!

标签:console,log,Day01,JavaScript,基础知识,window,var,代码
From: https://blog.csdn.net/qq_73990369/article/details/140552773

相关文章

  • 初学js Day01
    JavaScript的由来(js)1995年2月发布的,NetscapeNavigator2浏览器开发一种名为LiveScript的脚本语言。为了赶在发布日期前完成LiveScript的开发,Netscape与Sun公司建立了一个开发联盟,共同开发LiveScript。在NetScapeNavigator2发布前夕,网景为了更好地推广这个脚本语言......
  • JavaScript复习记录(6)— 对闭包的理解,闭包使用场景
    闭包(Closure)指的是一个函数可以访问其外部作用域(即使这个函数是在外部作用域之外执行的)。换句话说,闭包是函数和声明该函数的词法环境的组合。闭包的形成闭包在以下情况下形成:当一个内部函数被保存到外部后,即使外部函数已经执行完毕,内部函数仍然可以访问外部函数中的变量。......
  • JAVA基础知识
    注释单行注释//多行注释/**/文档注释(JavaDoc)/**标识符和关键字关键字标识符以字母、$、_开始区分大小写可以中文或拼音(不建议)数据类型强类型语言与弱类型语言Java:强类型变量需要先定义再使用(安全性高速度慢)基本数据类型与引用数据类型基......
  • LLM 大模型学习必知必会:大模型基础知识篇
    魔搭ModelScope开源的LLM模型魔搭ModelScope欢迎各个开源的LLM模型在社区上做开源分享。目前社区上已经承载了来自各个机构贡献的不同系列的LLM模型。并且社区的开发者也在这些模型的基础上,贡献了许多创新应用,并在ModelScope的创空间上进行分享。本专题初步梳......
  • JavaScript手机号实名认证接口如何集成 验证手机号与持有人是否一致
    手机号实名认证接口是一种用于验证手机号码是否存在的实名登记服务,能够核验三大运营商(中国移动、中国电信、中国联通)手机号码的实名认证状态,通常被应用于网站、电商平台注册、支付平台注册等场景中,以便于核验用户身份的真伪,以此来保障用户身份信息与财产不受损失!随着市场......
  • JavaScript 异步编程
    0x01概念说明与基本使用Promise是在ES6中引入的类,用于更好地编写复杂的异步任务在ES6之前的异步请求的处理方案中,通常通过传递回调函数的方式处理请求结果,由于各个请求对回调函数不统一,每次请求时都需要查看相应的源码,造成效率低下,因此需要约定共同的标准,即Promise类......
  • 【算法设计与分析】期末考试复习 - 基础知识(基础知识超详细)
    文章目录前言引言问题问题描述实例目标数学表达步骤示例伪代码解释1.问题的复杂度冒泡排序笔记选择排序笔记插入排序笔记归并排序笔记快速排序笔记一些问题哪个排序算法效率最高?是否可以找到更好的排序算法?排序问题计算难度如何?其他排序算法的复杂度问题计算复杂度估......
  • 大学生HTML期末大作业——HTML+CSS+JavaScript美食网站(西餐)
    HTML+CSS+JS【美食网站】网页设计期末课程大作业web前端开发技术web课程设计网页规划与设计......
  • java基础知识(3)—关键字
    在Java编程的广阔领域中,关键字宛如一把把精确的工具,赋予开发者准确表达意图和实现复杂逻辑的能力。访问控制关键字:private:确保变量、方法或内部类仅在所属的类内部可访问,为数据提供了最高级别的隐私保护。protected:在继承关系中,允许子类和同一包中的类访问特定的成员。pu......
  • 如何在 Vue 和 JavaScript 中截取视频任意帧图片
    如何在Vue和JavaScript中截取视频任意帧图片大家好!今天我们来聊聊如何在Vue和JavaScript中截取视频的任意一帧图片。这个功能在很多场景下都非常有用,比如视频编辑、视频预览等。本文将带你一步步实现这个功能,并且会提供详细的代码示例。准备工作首先,我们需要一个Vue......