🏆今日学习目标：
🍀学习JavaSript基础
✅创作者：贤鱼
⏰预计时间：30分钟
🍀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小应用程序)。
🍀注释
//单行注释
/*
这里是
多行注释
*/🍀变量
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"];
# 🍀函数定义
<font color="#77FFEE ">非常简单</font>
function name(参数列表){
//代码
}
# 🍀内置对象
<li type="disk">window：负责操作浏览器窗口</li>
<li type="disk">document：负责操作浏览器载入的文档（HTML文档）</li>
<li type="disk">history：可以代替回退按钮访问历史纪录</li>
<li type="disk">location：访问地址栏</li>
## 🍁window
<li type="disk">window.alert("内容")：出现消息框</li>
<li type="disk">window.confirm("内容")：出现确认框</li>
<li type="disk">window.prompt("内容")：出现输入框</li>
<li type="disk">window.status = "内容"；改变窗口状态栏的文字</li>
<li type="disk">window.open("地址","新窗口名称","属性字符串")：打开新窗口，属性可设置 </li>
<li type="disk">window.close(窗口对象)：关闭窗口</li>
<li type="disk">window.setTimeout("函数名称","时间毫秒")：设置定时任务，返回定时器对象</li>
<li type="disk">clearTimeout(定时器对象)：清除定时任务</li>
## 🍁document
<li type="disk">document.writeln("内容"):直接在页面中输出，可以写html代码；</li>
<li type="disk">document.title：属性，标题</li>
<li type="disk">document.location：属性，当前地址</li>
<li type="disk">document.元素名.子元素名··· 这些名字都是 元素中设置的name属性</li>
<li type="disk">document.getElementById("header");</li>
## 🍁history
<li type="disk">history.back();返回上一页，相当于单击后退</li>
<li type="disk">history.forward();返回下一页，单击前进</li>
<li type="disk">history.go(n)：n=正数前进n个页面，n=负数后退几个页面</li>
## 🍁location
<li type="disk">location.href = "地址"，可以设置跳转的地址</li>
# 🍀JavaSript作用
## 🍁查找html 元素
document.getElementById()
## 🍁改变html 内容
document.getElementById('id_name').innerHTML='修改内容'
## 🍁改变html 属性
document.getElementById('id_name').attribute='修改内容'
