django学习入门系列之第四点《javascript初了解》

最新推荐文章于 2024-08-18 23:38:22 发布

铁匠匠匠

最新推荐文章于 2024-08-18 23:38:22 发布

阅读量1.3k

点赞数 38

分类专栏： django 文章标签： django 学习 javascript 笔记开源 python 前端框架

本文链接：https://blog.csdn.net/qq_62548908/article/details/140516645

版权

django 专栏收录该内容

56 篇文章 0 订阅

订阅专栏

文章目录

往期回顾

javascript是一门编程语言，浏览器就是相当于这门语言的解释性
DOM和BOM

相当于这门语言内置的模块
例如:Python的random，json模块

JQuery

可以理解为编程语言的第三方模块
例如:openpyxl，requests

javascript意义

让程序实现一些动态的效果

小案例

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

    <style>
        .menus {
            width: 200px;
            border: 1px solid red;
        }

        .menus .header {
            background-color: yellow;
            padding: 20px 10px;
        }
    </style>

    <script type="text/javascript">
        function myFunc() {
            alert("你好啊")
            confirm("是否要继续")
        }
    </script>

</head>
<body>

<div class="menus">
    <div class="header" onclick="myFunc()">大标题</div>
    <div class="item">内容</div>
</div>


</body>
</html><!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

    <style>
        .menus {
            width: 200px;
            border: 1px solid red;
        }

        .menus .header {
            background-color: yellow;
            padding: 20px 10px;
        }
    </style>

    <script type="text/javascript">
        function myFunc() {
            alert("你好啊")
            confirm("是否要继续")
        }
    </script>

</head>
<body>

<div class="menus">
    <div class="header" onclick="myFunc()">大标题</div>
    <div class="item">内容</div>
</div>


</body>
</html>

小知识点

onclick在html中的用法是鼠标点击事件执行脚本

这句话的意思是，当鼠标点击标题的时候触发该事件
<div class="header" onclick="myFunc()">大标题</div>

function作为函数声明使用

声明myFunc()这个函数
function myFunc()

script标签的作用

<script> 标签用于定义客户端脚本，比如 JavaScript。

alert函数的作用

alert是HTML DOM 中用到的一种脚本语言，它的中文意思是“提醒”。它是JavaScript或VBscript脚本语言中窗口window对象的一个常用方法

confirm函数的作用

confirm函数用于提供确认功能，它首先显示给定的message参数所包含的信息，并提供两个可选择的回答“ok”和“cancel”，然后等待用户选择其中的一个。如果用户选择“ok”则返回true；否则，如若选择“cancel”则返回false。

在这里插入图片描述

前端的三大组件
- HTML---------裸体
- CSS-------------好看的衣服
- JavaScript-----动态起来

往期回顾

1.【快速开发网站】
2.【浏览器能识别的标签1】
3.【浏览器能识别的标签2】
4.【浏览器能识别的标签3】
5.【浏览器能识别的标签4】
6.【案例1：用户注册】
7.【案例2：用户注册改进】
8.【快速了解 CSS】
9.【常用选择器概念讲解】
10.【CSS基础样式介绍1】
11.【CSS基础样式介绍2】
12.【CSS基础样式介绍3】
13.【CSS基础样式介绍3】
14.【案例小米商城头标】
15.【案例小米商城头标总结】
16.【案例小米商城二级菜单】
17.【案例商品推荐部分】
18.【伪类简单了解】
19.【position】
20.【案例小米商城中app图标代码】
21.【边框及总结】
22.【BootSrap初了解】
23.【BootSrap的目录栏】
24.【BootSrap的栅格系统】
25.【案例博客案例】
26.【案例登录】
27.【案例后台管理样例】
28.【图标】
29.【BootStrap依赖】

铁匠匠匠

关注

38
点赞
踩
19

收藏

觉得还不错? 一键收藏
0
评论
django学习入门系列之第四点《javascript初了解》

border;;padding;</functionmyFuncalert"你好啊"confirm"是否要继续"</</onclickmyFunc</</</</</</.menuswidth;border;;padding;</functionmyFuncalert"你好啊"confirm"是否要继续"</</onclickmyFunc</</</</</小知识点onclick鼠标点击事件执行脚本onclickmyFunc</
复制链接

扫一扫

专栏目录