四、Flask学习之JavaScript

四、Flask学习之JavaScript

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

1.下载jQuery(后续会用到)

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

下载官网:jQuery,然后找到Download,找到压缩版:

四、Flask学习之JavaScript_第1张图片

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

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>

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

四、Flask学习之JavaScript_第2张图片

2.2代码位置

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