一、计算机基础知识
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、浏览器的内核
浏览器 | 内核 | 备注 |
---|---|---|
IE | Trident | IE、Edge |
firefox | Gecko | 这几年已经没落了,打开速度慢、升级频繁。 |
Safari | webkit | webkit 原作者 |
chrome | Chromium/blink | blink其实是 webkit的分支。大部分国产浏览器最新版都采用blink内核。二次开发 |
Opera | Presto/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