学习目标：持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第20天，点击查看活动详情

🏆今日学习目标： 🍀学习JavaSript基础 ✅创作者：贤鱼 ⏰预计时间：30分钟

@TOC

🍀java和JavaSript

🍁区别

Java需要在JDK或JRE的JVM上运行；而JavaScript在Web浏览器上运行，因此不需要特定的平台

JavaScript是动态类型语言，Java是静态类型语言

JavaScript是弱类型的，Java是强类型的

java语言的代码是一种HTML没有关系的语言；javascript语言的代码是一种文本字符格式，可以直接嵌入HTML文档中，并且可动态加载

🍁联系

1、OOPS(面向对象编程)概念 这两种语言都遵循OOPS(面向对象编程)概念。您已经知道在Java中使用对象。类似的，在JS中，对象也与它们之间的关系一样。

2、前端开发 其中JavaScript可以直接添加到HTML，Java也可以用作Java Applet(Java小应用程序)。

🍀注释

//单行注释
/*
这里是
多行注释
*/

🍀变量

```javascript
var hhh;
//变量定义
//hhh可以被改变类型！！

🍀数据类型

数据类型	说明
number	数字类型
string	字符串类型
boolean	布尔型，作用于逻辑运算
object	对象，表示复合结构数据集
array	数组，包含已编码的有序集合

// 数组
var cars=new Array();
cars[0]="woai";
cars[1]="xianyu";
var cars=new Array("Audi","BMW","Volvo");

// 对象(使用json的格式)
var person={
firstname:"hhh",
lastname:"ai",
id:5566
};
// 引用方式：
name=person.lastname;
name=person["lastname"];

🍀函数定义

非常简单

function name(参数列表){
//代码
}

🍀内置对象

window：负责操作浏览器窗口

document：负责操作浏览器载入的文档（HTML文档）

history：可以代替回退按钮访问历史纪录

location：访问地址栏

🍁window

window.alert("内容")：出现消息框

window.confirm("内容")：出现确认框

window.prompt("内容")：出现输入框

window.status = "内容"；改变窗口状态栏的文字

window.open("地址","新窗口名称","属性字符串")：打开新窗口，属性可设置

window.close(窗口对象)：关闭窗口

window.setTimeout("函数名称","时间毫秒")：设置定时任务，返回定时器对象

clearTimeout(定时器对象)：清除定时任务

🍁document

document.writeln("内容"):直接在页面中输出，可以写html代码；

document.title：属性，标题

document.location：属性，当前地址

document.元素名.子元素名··· 这些名字都是 元素中设置的name属性

document.getElementById("header");

🍁history

history.back();返回上一页，相当于单击后退

history.forward();返回下一页，单击前进

history.go(n)：n=正数前进n个页面，n=负数后退几个页面

🍁location

location.href = "地址"，可以设置跳转的地址

🍀JavaSript作用

🍁查找html 元素

document.getElementById()

🍁改变html 内容

document.getElementById('id_name').innerHTML='修改内容'

🍁改变html 属性

document.getElementById('id_name').attribute='修改内容'