HTML day04-白红宇

HTML day04

阅读量：5342 次

发布时间：2019-06-15

本文共 3561 字，大约阅读时间需要 11 分钟。

前端班day04课堂内容记录

基本内容：JavaScript

①javascript 脚本语言由浏览器去解析并且执行的

1.弱类型强类型

弱类型在定义变量的时候是不需要声明数据类型的,数据类型是由变量值来决定的

JavaScript

强类型在定义变量的时候就已经把数据类型给确定了

java

int a

2.解释执行，逐行执行

3.解释型语言对应编译型语言

python c/c++

翻译一句看一句全部翻译好再来看

效率解释型 < 编译型

②JavaScript的使用

1.行内句柄写法

2.内部样式表 <script> js 代码 </script>

3.外部样式表 <script src="以.js结尾的js文件的路径"></script>

4.外部导入样式外部导入模块

写css的时候是放在head里面的

在写JavaScript 是可以放在任何地方的

最好是放在页面的最下面

特殊情况除外

③

// JavaScript代码部分

// 基本的核心语法

// 变量：会变的量

// 定义变量

// var 定义变量的关键字

// var 变量名 = 变量值;

// 变量名的命名规则: 只能是字母,数字,_,$ 不能以数字开头,不能是JavaScript关键字和保留字

// 在JavaScript中是严格区分大小写的.

// var B2

// var b2

// var a = 123; //在编程语言中，一个=号表示赋值，两个==表示判断

// 数据类型

// 原始数据类型

// number string boolean undefined null

// 数字字符串布尔未定义空

// 引用数据类型

// object 对象

var a = 10; //定义了一个变量，变量的值为10

var b = 4; //

var c = "10"; //定义了一个变量，值为字符串（包含在单引号或者双引号里面的内容。不能混着写，一定要对应），

var d = true; //布尔值

var e = false; //布尔值

var f; //声明了一个变量，但是没有赋值

var g = null; //对象的占位符，如果把null写出来了就表示对象的占位符

var h = "hello world!!!"

// JavaScript中的运算

// 加

// console.log(1000); //在JavaScript中 . 可以读成"的" 。

// console.log("hello world");

// console.log(c);

// console.log(d);

// console.log(a);

// console.log(c);

// console.log(d)

// console.log(f);

console.log(a+b); //12

console.log(a+c); //1010 string

console.log(b+c); //210 string

console.log(a+d); //11 number

console.log(c+d); //10true string

console.log(a+f); //NaN number

console.log(c+f); //10undefined string

console.log(a+g); //10 number

console.log(c+g); //10null string

// 1.任何类型跟字符串相加,都是字符串的拼接

// 2.数字类型和布尔类型,隐式转换. true转换成1.false转换成0

// 3.数字类型和不能运算的类型(除字符串,布尔)。相加不成功出现NAN

// NAN(not a number) 不是一个数字,但是它归属到number类型中

// () 执行符号,可以执行的有函数（方法）

// 浏览器去执行JavaScript代码

// 打开网页,按F12.打开开发者工具.在里面找到console(控制台)的选项

// 减

// 1.能减的就减,不能减的NaN

// 2.能减的：布尔，当字符串比较特殊的时候（字符串全都是数字的时候）

console.log(a-b);

console.log(a-c);

console.log(a-d);

console.log(c-d);

console.log(a-f);

console.log(a-h);

// 乘

// 参照减法

// 除

// 参照减法

console.log(a/b); //2.5

// 数据类型:没有整形和浮点型的概念在这里只有数字类型的说法

// 余

// 参照减法

④

大于 >

大于等于 >=

小于 <
小于等于 <=
等于 ==
不等于 !=
在js中多了两个
全等于 ===
不全等于 !==
在这些比较完成了以后,只会出来boolean
var a = 10;
var b = "10";
var c = "hello";
var d = "hello";
var e = NaN; //NaN不会跟任何东西相等。连自己都不等于自己
console.log(a == b); //true
console.log(a == c); //false
console.log(a === b);
// JavaScript中,因为是弱类型.所以在定义变量的时候完全不能清楚数据类型,只有在赋值以后才能确定数据类型
// == 只会去比较里面的内容，不会去比较数据类型
// === 内容和类型都会进行比较，有一个不等就为false
// !=
// !==
console.log(a >= c); //只会在面试的时候出现
console.log(NaN == e)

⑤逻辑运算

与

// 只有当全部为true的时候才为true

// 或

// 最少一个为true的时候就为true

// 非

// 取反

⑥弹框

弹框是JavaScript里面内置(是开发人员已经定义好的)的一个函数。

// 函数是可以供我们调用的

// 三种弹框

// alert 警告框