🏆今日学习目标:
🍀学习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='修改内容'