Web前端二级编程题库

共 126 道真题,支持在线编写、运行与自动评测,无需配置本地环境。

题目示例

把菜单摆正中间

请修改编辑器中的代码,完成以下功能:做一条水平居中的导航菜单。 1. 容器宽 400 像素,靠左右外边距自动均分让它在页面中水平居中——补全这条声明。 2. 三个菜单项要横向排成一行,而不是各占一行——补全这条声明。 3. 鼠标悬停在菜单项上时变成蓝底白字(蓝底已给出)。注意这条规则作用在链接 a 上而不是 li 上——链接有浏览器自带的颜色,写在 li 上继承不过去。

打个招呼

请修改编辑器中的代码,完成以下功能:页面上有一个姓名输入框和"打招呼"按钮。点击按钮后,如果输入框是空的,就弹出对话框提示"请先输入姓名!";否则在下方大标题处显示"你好,某某!"。

照片与外链

请修改编辑器中的代码,完成以下功能:页面上放一张照片 photo.jpg,宽度 200(替代文字"照片"已给出);下方"访问网站"的链接指向 https://www.bilibili.com,点击后在新窗口/新标签页中打开。

链接样式谜题

请修改编辑器中的代码,完成以下功能:补全超链接的四种状态样式与页面容器标签。 未访问过的链接是黄色背景、32px、绿色、无下划线、加粗;已访问过的链接是 24px、红色、加粗;鼠标悬停在链接上时加下划线;链接被激活(鼠标按下的那一瞬间)背景变蓝。四条规则的声明内容都已给出,代码中的注释也标明了各自的用途。 另外,body 里的段落外面少了一层容器标签,请补上它的开始标签与结束标签,使其能套用样式表中已写好的那条容器规则(宽 600px、#cccccc 背景、3px 实线边框)。

早晚问候

请修改编辑器中的代码,完成以下功能:实现一个简单的网页,当用户打开网页时,根据当前时间显示不同的问候语。如果当前时间在早上9点之前,浏览器状态栏显示“早上好!”;否则,显示“下午好!”。此外,页面上有一个“关闭窗口”按钮,点击该按钮时,弹出确认框询问用户“确定要退出吗?”。如果用户选择确认,则关闭当前窗口。

数字金字塔

请修改编辑器中的代码,完成以下功能:在文本框里输入一个小于 10 的整数 n,点击"格式输出"按钮后,页面从 n 开始逐行往下打印——第一行打印 n 个 n,第二行打印 n-1 个 n-1,依此类推,直到打印 1 个 1 为止,每行之间要换行。 脚本里用 document.getElementById("txt1") 来取这个文本框,因此文本框上必须带有取值为 txt1 的对应属性。 输入示例:3 输出示例:333 换行 22 换行 1

怎么卡死了啊

请修改编辑器中的代码,完成以下功能:做一个模拟加载的进度条。页面上有两个文本框:上面那个用竖线 || 拼出进度条,下面那个显示百分比。每 100 毫秒进度增加 2%,涨到 99% 以上时自动跳转到 https://www.baidu.com。 脚本是通过"表单名.控件名.value"的方式往这两个文本框里写内容的,因此表单要取名为 form,两个控件的名字则见代码中它们各自的 name。整段内容在页面上居中显示。

用户名不得为空

请修改编辑器中的代码,完成以下功能:做一个注册表单。用户名用单行文本框,并且是必填项——留空时浏览器要阻止提交并给出提示;年龄框只能填 18 到 65 之间的数字(min、max 已给出);最后一个按钮上显示"注册",点击后提交表单。