网页中各种技术的作用
感谢大佬:https://blog.csdn.net/RookiexiaoMu_a/article/details/89052768
HTML制作网页的结构
CSS美化网页
JavaScript让网页具有交互功能,在网页上运行脚本
JavaScript与java的区别
**特点****Java****JavaScript**
面向对象面向对象编程语言基于对象,不完全面向过程。有部分面向对象
的特点运行方式编译型语言,生成中间文件,不会生成中间文件
字节码解释型,解释一部分,
再运行一部分。跨平台安装虚拟机跨平台运行在浏览器中,只要系统有浏览器就可以运行。数据类型强类型语言,不同的数据弱类型,同一个变量可以赋值不同的数据类型。
类型严格区分大小写区分大小写区分大小写
JavaScript语言组成
ECMA Script所有脚本语言的规范,构成JS语言的核心基础
DOMDocument Object Model 文档对象模型,用来操作网页中各种元素和标签
BOMBrowser 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的流程控制语句
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