客户端脚本编程（含代码）

最新推荐文章于 2024-01-20 12:00:00 发布

bruuuuuuuuno

最新推荐文章于 2024-01-20 12:00:00 发布

阅读量762

点赞数

分类专栏： # 前端小案例系列文章标签： js css html5

本文链接：https://blog.csdn.net/bruuuuuuuuno/article/details/118912774

版权

这篇博客主要介绍了学习网页编程的过程，重点在于JavaScript的使用。作者通过创建个人简历表格并编写JS验证程序，实现了1到100之间整数的输入验证。当输入正确时，会显示确认对话框。博客还包含了作者的心得体会，表达了对进一步提升前端动态交互功能学习的愿望。

摘要由CSDN通过智能技术生成

目的和要求

学习网页编程，掌握客户端脚本语言 JavaScript 的使用。

内容和步骤

1、编制如下图所示的个人简历表格：
在这里插入图片描述

2、用 JavaScript 脚本语言设计一个简单的验证程序：要求在文本框中输入一个1~100 之间的整数，单击“提交”按钮。若输入正确，则弹出对话框，显示“你输入对了，谢谢！”，如图 3‐12 所示；若输入不正确，则弹出对话框，显示“请输入一个从 1 到 100 之间的数字。”
在这里插入图片描述

代码

个人简历表格

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>个人简历</title>
    <style>
        table {
   
            border-collapse: collapse;
        }

        table,
        th,
        td {
   
            border: 1px solid black;
        }

        th {
   
            font-family: "楷体";
            font-size: large;
            font-weight: 900;
        }
    </style>
</head>

<body>
    <table>
        <tr>
            <th>姓名</th>
            <td>马卫</td>
            <th>

最低0.47元/天解锁文章

bruuuuuuuuno

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
客户端脚本编程（含代码）

目录目的和要求内容和步骤代码个人简历表格js验证程序心得体会目的和要求学习网页编程，掌握客户端脚本语言 JavaScript 的使用。内容和步骤1、编制如下图所示的个人简历表格：2、用 JavaScript 脚本语言设计一个简单的验证程序：要求在文本框中输入一个1~100 之间的整数，单击“提交”按钮。若输入正确，则弹出对话框，显示“你输入对了，谢谢！”，如图 3‐12 所示；若输入不正确，则弹出对话框，显示“请输入一个从 1 到 100 之间的数字。”代码个人简历表格<!DOCT
复制链接

扫一扫

专栏目录