Javascript基础及BOM对象笔记，一篇小白都看得懂的笔记

Javascript

javascript是一种基于对象和事件驱动的，并具有安全性能的脚本语言。

javascript特点：

1.向HTML页面中添加交互行为
2.脚本语言，和java类似
3.解释性语言，边编译边解释。

javascript的组成：

ECMAScript：JS标准，定义的所有基础类语法
DOM：document object model 文档对象模型
BOM：browser object model 浏览器对象模型

Javascript执行原理

用户发起请求后，那么浏览器会将带有JS的文件的页面发送给服务器，这种形式被称为请求(request)，服务器收到请求后会进行处理，之后将处理的页面渲染后，响应(response)回给客户端，实际上在运行时，浏览器为了能够提高第二次的加载速度，会下载html/css/js等文件作为缓存。

网页中引入javascript的方式

1.通过标签内编写script

可以在href里面写，也可以在事件里面写
2.在页面中的任意位置编写标签
3.通过在外部创建一个js文件，然后引入页面中

javascript的核心语法

变量

通过var来声明变量，js脚本会根据值的内容来反向推导变量对应的数据类型
例子：
var 变量名 = 值var x,y,z = 10; 只有z的值是10，而x，y都是undefind

数据类型

有五种数据类型：
Undefined:未定义的。例如：var num;
Null：没有对象引用，例如：对象，数组
Number：数值类型，包括整型和浮点型
Boolean：布尔类型，包括true，false
String：代表字符串

数组

js中的数组类似于java中的ArrayList，没有固定长度，可以自动扩容，也可以存放一堆数据类型不一致的数据。

要注意，在java中，数组的长度用length属性来求，字符串的长度用length()方法来求。而在javascript中，数组的长度同样也用length属性来求。

运算符号

控制语句

分支条件语句：
if else/if else if else
switch/case
循环：
for
while
for…in
这里输出的j是数组的下标

continue
break

注释

单行注释： //
多行注释： /**/

输入输出

输出：
alert();
document.write("")
document.writeln("")
加了ln的方法不会进行换行，只会在后面加个空格的位置
如果想要换行，在字符串里面加个
标签
例如：document.writeln("
")；
console.log(error/debug)在控制台输出信息
输入：
prompt(“标题”,“提示内容”)

语法约定

按照java编码规范开发就可以

BOM对象

主要负责与浏览器进行交互

window对象

如果调用window下直接的属性，方法，可以省略window对象名编写。

方法

confirm()方法的运行结果：

close()关闭当前网页窗口
open()方法，在里面写上网页地址就可以打开给定url所指定的网页

history的方法

这常用于网页的前进和后退
go()方法，里面可以加数字，正数表示前进几个网页，负数表示后退几个网页，以达到加载指定网页的效果

location的属性及方法

host属性：使用情况

hostname属性使用方法


href属性的使用方法
直接加载到href后面链接的网页

reload()方法，重新加载当前网页

replace()方法 用新的文档替换当前文档，其实实际上就是打开一个新的网页，和href属性的作用类似

最后再写上我自己总结的java中equals和==的区别

** equals与区别按照3w1h讲解
1.What：是比较运算符equals是超类Object里面的方法，对所有的类都适用
2.Where:在java中一个比较运算符，基本数据类型比较的是值，引用数据类型比较的是地址值。（比较地址值即是指是否为同一个对象的引用）equals是一个方法，只能比较引用数据类型，重写前比较的是地址值，重写后一般是比较对象的内容简单来说比较的是栈内容，equals比较的是堆内容
3.Why：如果我们自己定义的类，没有重写equals方法，那么 调用equals 和 使用 == 对 两个对象变量进行比较的结果是相同的。诸如String、Date等类对equals方法 进行了重写的话，比较的是所指向的对象的内容。
4.How：我们自定义的类如果要使用equals方法时，记得重写Object类里面的equals方法和hashcode方法 。**