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

文章目录

  • 往期回顾


  • javascript是一门编程语言,浏览器就是相当于这门语言的解释性

  • DOM和BOM

相当于这门语言内置的模块
例如:Python的random,json模块
  • JQuery
可以理解为编程语言的第三方模块
例如:openpyxl,requests
  • javascript意义
让程序实现一些动态的效果
  • 小案例
DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Titletitle>

    <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>Titletitle>

    <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>

小知识点

  1. onclick在html中的用法是鼠标点击事件执行脚本
这句话的意思是,当鼠标点击标题的时候触发该事件
<div class="header" onclick="myFunc()">大标题div>
  1. function作为函数声明使用
声明myFunc()这个函数
function myFunc()
  1. script标签的作用
<script> 标签用于定义客户端脚本,比如 JavaScript。
  1. alert函数的作用
alert是HTML DOM 中用到的一种脚本语言,它的中文意思是“提醒”。它是JavaScript或VBscript脚本语言中窗口window对象的一个常用方法
  1. confirm函数的作用
confirm函数用于提供确认功能,它首先显示给定的message参数所包含的信息,并提供两个可选择的回答“ok”和“cancel”,然后等待用户选择其中的一个。如果用户选择“ok”则返回true;否则,如若选择“cancel”则返回false。

django学习入门系列之第四点《javascript初了解》_第1张图片

  • 前端的三大组件
    • 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依赖】

你可能感兴趣的:(django,django,学习,javascript,笔记,开源,python,前端框架)