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

@TOC

🍀<font color="#FF3333">java</font>和<font color="#FF44AA">JavaSript</font>

🍁区别

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

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

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

<font color="#99DD00">java 语言的代码是一种 HTML 没有关系的语言</font>；javascript 语言的代码是一种文本字符格式，可以直接嵌入 HTML 文档中，并且可动态加载

🍁联系

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

2、前端开发其中 JavaScript 可以直接添加到<font color="#FF8800">HTML</font>，Java 也可以用作 Java Applet(Java 小应用程序)。

🍀注释

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

🍀变量

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

🍀数据类型

// 数组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='修改内容'