【网络安全篇】JavaSript基础内容大全
🏆今日学习目标：
🍀学习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可以被改变类型！！
🍀数据类型
| 数据类型 | 说明 |
|---|---|
| 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='修改内容'