网页中各种技术的作用
感谢大佬：https://blog.csdn.net/RookiexiaoMu_a/article/details/89052768
HTML 制作网页的结构
CSS 美化网页
JavaScript 让网页具有交互功能，在网页上运行脚本
JavaScript与java的区别
**特点** **Java** **JavaScript**
面向对象 面向对象编程语言 基于对象，不完全面向过程。有部分面向对象
的特点
运行方式 编译型语言，生成中间文件， 不会生成中间文件
字节码解释型，解释一部分，
再运行一部分。
跨平台 安装虚拟机跨平台 运行在浏览器中，只要系统有浏览器就可以运行。
数据类型 强类型语言，不同的数据 弱类型，同一个变量可以赋值不同的数据类型。
类型严格区分
大小写 区分大小写 区分大小写
JavaScript语言组成
ECMA Script 所有脚本语言的规范，构成JS语言的核心基础
DOM Document Object Model 文档对象模型，用来操作网页中各种元素和标签
BOM Browser Object Model 浏览器对象模型，用来操作浏览器中各种对象，如：窗口
JavaScript五种数据类型
number 数值型
boolean 布尔类型：true/false
string 字符串，没有字符类型
object 对象类型：内置对象，自定义对象
undefined 未定义的类型，没有赋初值，不知道是什么类型
JavaScript注意事项
- 关于弱类型?
一个变量可以赋值不同数据类型的值 - 在JS中的字符和字符串引号？
在JS中没有字符和字符串区分，都是字符串，字符串既可以使用单引号，也可以使用双引号。 - var定义变量的特点？
var关键字不是必须的，可以省略，但是不建议。如果在函数体中定义变量省略了var关键字，则这个变量是全局变量
变量可以重复定义
不是函数的大括号，不能对变量的作用域起到限制的功能
JavaScript的比较运算符
- ==：在JavaScript中比较运算符是可以转换类型的，将字符串转成数值类型，再去比较
- ===：恒等于；既比较类型又比较值
<script type="text/javascript">
var n1 = "5";
var n2 = 5;
//在JS中比较运算符是可以转换类型的，将字符串转成数值类型，再去比较
document.write((n1 == n2) + "<br/>"); //true
//恒等于，既比较值，又比较类型
document.write((n1 === n2) + "<br/>"); //false
var n3 = "5";
document.write((n1===n3) + "<br/>"); //true
//字符串比较也是使用==，而不是使用equals()
document.write((n1==n3) + "<br/>"); //true
</script>
JavaScript的流程控制语句
-
if：非布尔类型也可以作为判断条件
-
switch：小括号使用true可以使用表达式作为判断条件
-
for：与java一样
-
while：与java一样
JavaScript匿名函数
命名函数语法：
function 函数名(形参列表) {
// 代码块
return 返回值;
}
匿名函数：没有名字的函数
语法：
var 变量名 = function(形参列表) {
// 代码块
return 返回值;
}
// 可以通过变量名来引用这个匿名函数
注意事项：
- 在JS中没有函数的重载，后出现的同名函数会覆盖前面的同名函数。调用的时候，形参的个数与实参的个数无关
- 每个函数的内部都有一个隐藏数组：arguments[]
this关键字的作用
- 出现在控件的事件方法中：this表示img标签这个元素
<!--this表示img对象-->
<img src="img/0.jpg" id="pic" width="600" onmouseout="imgMoveOut(this)">
- 出现在匿名函数的代码中：this表示匿名函数激活对象
document.getElementById("pic").onmouseover = function () {
//如果是自己的属性可以使用this
this.src = "img/3.jpg";
};
JavaScript定义数组
new Array() // 创建一个长度为0的数组
new Array(4) // 创建一个长度为4的数组
new Array(1,2,3,4) // 指定数组中每个元素创建数组
[1,2,3,4] // 指定数组中每个元素创建数组
Math对象
Math 对象
- Math 对象用于执行数学任务。
- Math 对象并不像 Date 和 String 那样是对象的类，因此没有构造函数 Math()。
语法
var x = Math.PI; // 返回PI
var y = Math.sqrt(16); // 返回16的平方根
Math 对象属性
Math 对象方法
String 对象方法
补充：
https://www.w3school.com.cn/js/js_switch.asp
