爱敲代码的panda

四、Flask学习之JavaScript

JavaScript，作为一种前端脚本语言，赋予网页生动的交互性和动态性。通过它，开发者能够操作DOM（文档对象模型）实现页面元素的动态改变、响应用户事件，并借助AJAX技术实现异步数据请求，为用户提供更流畅的浏览体验。在现代Web开发中，JavaScript不仅是构建丰富用户界面的关键工具，还被广泛应用于服务器端（Node.js）等多个领域，成为一门多用途、强大而灵活的编程语言。

1.下载jQuery（后续会用到）

jQuery 是一款被广泛应用的JavaScript库，旨在简化客户端脚本编写。通过提供便捷的DOM操作、事件处理、动画效果和AJAX请求等功能，jQuery极大地简化了跨浏览器的开发工作。其直观的API和优雅的语法使开发者能够更快速、更轻松地创建交互性强、用户体验良好的网页和Web应用。

下载官网：jQuery，然后找到Download，找到压缩版：

直接复制链接去某网盘或者某雷新建任务下载就行。

2.初识JavaScript

2.1简单示例

DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Titletitle>
    <style>
        .name1{
            background-color: pink;
        }
        .name2{
            text-align: center;
        }
    style>
head>
<body>
<div class="name1">
    <div class="name2" onclick="f()">
        <h1>
            欢迎访问本系统
        h1>
    div>
div>
<script type="text/javascript">
    function f() {
        confirm("确定吗？")
    }
script>
body>
html>

效果：当点击标题一所在的区域时，会弹出一个框

2.2代码位置

JavaScript代码在HTML文件中，有两种存放位置，一种是在标签里面，但一定要在