JavaScript
今天给大家介绍以下几个内容:
- JavaScript的介绍和入门
- JavaScript的基本语法
- JavaScript中的DOM
- JavaScript相关事件
JavaScript介绍和入门
JavaScript 是一种客户端脚本语言。运行在客户端浏览器中,每一个浏览器都具备解析 JavaScript 的引擎。
- 脚本语言:不需要编译,就可以被浏览器直接解析执行了。
- 核心功能就是增强用户和 HTML 页面的交互过程,让页面有一些动态效果。以此来增强用户的体验!
和HTML的简单使用
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<button onclick="jump()">跳转</button>
</body>
<script>
function jump(){
alert("确定要跳转吗?")
};
</script>
</html>
JavaScript 基本语法
- 注释:
-
输入输出语句
-
变量和常量
-
原始数据类型
-
typeof 方法
- 算数运算符
-
赋值运算符
-
比较运算符和逻辑运算符
-
三元运算符
-
函数
JavaScript DOM
DOM 介绍
- DOM(Document Object Model):文档对象模型。
- 将 HTML 文档的各个组成部分,封装为对象。借助这些对象,可以对 HTML 文档进行增删改查的动态操作。
- Element元素的介绍
JavaScript 事件
事件介绍
- 事件指的就是当某些组件执行了某些操作后,会触发某些代码的执行。
- 常用的事件:
- 了解事件
- 事件案例:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<button onclick="jump()">跳转</button>
<button id="exitBtn">退出</button>
</body>
<script>
function jump(){
alert("确定要跳转吗?")
};
function exit1(){
alert("确定要退出吗?")
};
document.getElementById("exitBtn").onclick = exit1;
</script>
</html>
以上就是本次介绍,如果有不恰当的地方,欢迎指正。