JavaScript入门和基础语法(DOM、事件)

最新推荐文章于 2024-05-21 14:15:14 发布

落魄山上齐剑仙

最新推荐文章于 2024-05-21 14:15:14 发布

阅读量158

点赞数

文章标签： javascript html

本文链接：https://blog.csdn.net/YINJOER/article/details/106944885

版权

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>

以上就是本次介绍，如果有不恰当的地方，欢迎指正。

落魄山上齐剑仙

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript入门和基础语法(DOM、事件)

JavaScript今天给大家介绍以下几个内容：JavaScript的介绍和入门JavaScript的基本语法JavaScript中的DOMJavaScript相关事件JavaScript介绍和入门JavaScript 是一种客户端脚本语言。运行在客户端浏览器中，每一个浏览器都具备解析 JavaScript 的引擎。脚本语言：不需要编译，就可以被浏览器直接解析执行了。核心功能就是增强用户和 HTML 页面的交互过程，让页面有一些动态效果。以此来增强用户的体验！和HTML的简单使用
复制链接

扫一扫