<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<!--
javascript
脚本语言 由浏览器去解析并且执行的
1.弱类型 强类型
弱类型在定义变量的时候是不需要声明数据类型的,数据类型是由变量值来决定的
JavaScript
强类型在定义变量的时候就已经把数据类型给确定了
java
int a
2.解释执行，逐行执行
3.解释型语言 对应编译型语言
python c/c++
翻译一句看一句 全部翻译好再来看
效率 解释型 < 编译型
全都会被解析成010101
010101
JavaScript的使用
1.行内 句柄写法
2.内部样式表 <script> js 代码 </script>
3.外部样式表 <script src="以.js结尾的js文件的路径"></script>
4.外部导入样式 外部导入模块
写css的时候是放在head里面的
在写JavaScript 是可以放在任何地方的
最好是放在页面的最下面
特殊情况除外
-->
<script>
// 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
// 数据类型:没有整形和浮点型的概念 在这里只有数字类型的说法
// 余
// 参照减法
</script>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>比较运算</title>
</head>
<body>
<script>
// 大于 >
// 大于等于 >=
// 小于 <
// 小于等于 <=
// 等于 ==
// 不等于 !=
//
// 在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)
</script>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>逻辑运算</title>
</head>
<body>
<script>
// 与
// 只有当全部为true的时候才为true
// 或
// 最少一个为true的时候就为true
// 非
// 取反
console.log(true||false);
console.log(!true);
</script>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>弹框</title>
</head>
<body>
<script>
// 弹框是JavaScript里面内置(是开发人员已经定义好的)的一个函数。
// 函数是可以供我们调用的
// 三种弹框
// alert 警告框
// prompt 弹出 输入框
// confirm 弹出 确定取消框
// 函数想要用,就必须调用
// alert("hello") //()执行符号，括号里面的表示参数。是警告框中的内容
// prompt("请输入","200")
//可以接收两个参数。参数之间用","分隔开。
// 第一个参数表示提示内容
// 第二个参数表示输入框中的默认内容
// confirm("确定要关闭吗？")
</script>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<script type="text/javascript">
// 弹出输入框
// 这个返回值就是你输入框中的内容,这个值可以赋给一个变量
// var a = prompt("请输入页数？","10"); //函数执行完成以后所遗留下来的内容。这个叫返回值
// console.log(a);
var b = confirm("真的要关闭吗？"); //这个返回值，点击确定以后会出现true，点击取消以后会出现false
// console.log(b);
</script>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<script>
// 这个是内置函数，需要检测的内容以参数的形式传递进去即可。参数只有一个
// 判断一个变量是否是数字,返回值只能boolean
// var a = 10;
// var b = "hello";
// console.log(isNaN())
// isNaN() 是数字返回false ，不是数字返回true
// var c = isNaN(b);
// console.log(c)
// 强制转换的方法:会把字符串...全部会转换成number类型。如果转不了，则为NaN
// parseInt()//转换成整数 //把需要转换的东西以参数的形式传递。
转换完成以后以返回值的形式表现出来
// 能截取就截取,不能截取就为NaN
// parseFloat()//如果能转换小数，转换成小数
// var a = 10;
// var b = 10.4;
// var c = "10";
// var d = "10.5";
// var e = "10abc";
// var f = "abc10";
//
//
//
// var g = parseInt(f);
// console.log(g)
// eval() 可以计算字符串中的数学运算
var a = 10;
var b = "+";
var c = 10;
var d = a + b + c;
var e = eval(d);
console.log(d);
console.log(e)
// 完成弹框版的计算器
</script>
</body>
</html>