🏆今日学习目标：
🍀学习JavaSript基础
✅创作者：贤鱼
⏰预计时间：30分钟
🎉个人主页：贤鱼的个人主页
🔥专栏系列：网络安全

JavaSript基础大全

• 🍀java和JavaSript
• • 🍁区别
  • 🍁联系
• 🍀注释
• 🍀变量
• 🍀数据类型
• 🍀函数定义
• 🍀内置对象
• • 🍁window
  • 🍁document
  • 🍁history
  • 🍁location
• 🍀JavaSript作用
• • 🍁查找html 元素
  • 🍁改变html 内容
  • 🍁改变html 属性

🍀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可以被改变类型！！

🍀数据类型

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