计算机二级web题目(7.4)--综合应用题1

简介: 计算机二级web题目(7.4)--综合应用题1

1、在考生文件夹下的Web5目录中,存有5.htm文件,该文件不完整,请在标有

*********Foun********字符串的往释行 下一-语句的下划线处填入正确内容,然后删除下划线,请勿删除注释行或改动其他已有语句内容。存盘时文件必须存放在考生文件夹下,不得改变原有文件的文件名。本题的功能是:


当访问该页面到指定时间长度(1分59秒)时,自动跳转到新的网页,并每隔1秒在文本框和状态栏中显示剩余时间。


4.htm原文件如下:


3a7c5e846641442e93498dd922f4c2b3.png31b3c44c1e884e1a8ef90d3e2e675380.png9bf87a99e988412ca7dbc55008561e95.png


参考答案:


<!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>
</head>
<!-- *********Found******** -->
<body onload="begintimer()">
   <script lang="JavaScript">
       var limit = "1:59"
       var parselimit = limit.split(":")
       // *********Found********
       parselimit = parselimit[0]*60+parselimit[1]*1;
       function begintimer(){
           if(parselimit==1){
                //下面是限制时间到了后去的连接页面,自己修改。
                window.location="1.htm"
           }
           else{
               parselimit-=1
              //*********Found********
               curmin=Math.floor(parselimit/60);
               cursec=parselimit-curmin*60;
               if(curmin!=0)
                   curtime="你剩下"+curmin+"分"+cursec+"秒的时间。";
               else
                curtime="你剩下"+cursec+"秒的时间。";
                //下一句需要设置定时器
                //*********Found********
                window.setTimeout("begintimer()",1000);
                //下一句告诉访问者剩余的时间,在文本框中显示。
                document.lefttime.left.value=curtime;
                //下一句告诉访问者剩余的时间,在状态栏显示。
                //*********Found********
                window.status=curtime;
           }
       }
   </script> 
   <p>
       <form name="lefttime">
           <input type="text" name="left">
       </form>
   </p>
</body>
</html>


相关文章
|
5月前
|
前端开发 算法 API
构建高性能图像处理Web应用:Next.js与TailwindCSS实践
本文分享了构建在线图像黑白转换工具的技术实践,涵盖技术栈选择、架构设计与性能优化。项目采用Next.js提供优秀的SSR性能和SEO支持,TailwindCSS加速UI开发,WebAssembly实现高性能图像处理算法。通过渐进式处理、WebWorker隔离及内存管理等策略,解决大图像处理性能瓶颈,并确保跨浏览器兼容性和移动设备优化。实际应用案例展示了其即时处理、高质量输出和客户端隐私保护等特点。未来计划引入WebGPU加速、AI增强等功能,进一步提升用户体验。此技术栈为Web图像处理应用提供了高效可行的解决方案。
|
11月前
|
存储 监控 安全
如何在Python Web开发中确保应用的安全性?
如何在Python Web开发中确保应用的安全性?
|
4月前
|
缓存 前端开发 应用服务中间件
Web端实时通信技术SSE在携程机票业务中的实践应用
本文介绍了携程机票前端基于Server-Sent Events(SSE)实现服务端推送的企业级全链路通用技术解决方案。文章深入探讨了 SSE 技术在应用过程中包括方案对比、技术选型、链路层优化以及实际效果等多维度的技术细节,为类似使用场景提供普适性参考和借鉴。该方案设计目标是实现通用性,适用于各种网络架构和业务场景。
128 1
|
5月前
|
缓存 前端开发 应用服务中间件
Web端实时通信技术SSE在携程机票业务中的实践应用
本文介绍了携程机票前端基于Server-Sent Events(SSE)实现服务端推送的企业级全链路通用技术解决方案。文章深入探讨了 SSE 技术在应用过程中包括方案对比、技术选型、链路层优化以及实际效果等多维度的技术细节,为类似使用场景提供普适性参考和借鉴。
164 7
|
11月前
|
前端开发 JavaScript
探索现代Web应用的微前端架构
【10月更文挑战第40天】在数字时代的浪潮中,Web应用的发展日益复杂多变。微前端架构作为一种新兴的设计理念,正逐步改变着传统的单一前端开发模式。本文将深入探讨微前端的核心概念、实现原理及其在实际项目中的应用,同时通过一个简单的代码示例,揭示如何将一个庞大的前端工程拆分成小而美的模块,进而提升项目的可维护性、可扩展性和开发效率。
|
8月前
|
中间件 关系型数据库 数据库
docker快速部署OS web中间件 数据库 编程应用
通过Docker,可以轻松地部署操作系统、Web中间件、数据库和编程应用。本文详细介绍了使用Docker部署这些组件的基本步骤和命令,展示了如何通过Docker Compose编排多容器应用。希望本文能帮助开发者更高效地使用Docker进行应用部署和管理。
235 19
|
9月前
|
Web App开发 编解码 vr&ar
使用Web浏览器访问UE应用的最佳实践
在3D/XR应用开发中,尤其是基于UE(虚幻引擎)开发的高精度场景,传统终端因硬件局限难以流畅运行高帧率、复杂效果的三维应用。实时云渲染技术,将渲染任务转移至云端服务器,降低终端硬件要求,确保用户获得流畅体验。具备弹性扩展、优化传输协议、跨平台支持和安全性等优势,适用于多种终端和场景,特别集成像素流送技术,帮助UE开发者实现低代码上云操作,简化部署流程,保留UE引擎的强大开发能力,确保画面精美且终端轻量化。
393 17
使用Web浏览器访问UE应用的最佳实践
|
11月前
|
监控 安全 测试技术
如何在实际项目中应用Python Web开发的安全测试知识?
如何在实际项目中应用Python Web开发的安全测试知识?
192 61
|
10月前
|
Kubernetes 安全 Devops
有效抵御网络应用及API威胁,聊聊F5 BIG-IP Next Web应用防火墙
有效抵御网络应用及API威胁,聊聊F5 BIG-IP Next Web应用防火墙
273 10
有效抵御网络应用及API威胁,聊聊F5 BIG-IP Next Web应用防火墙
|
10月前
|
弹性计算 Java 关系型数据库
Web应用上云经典架构实践教学
Web应用上云经典架构实践教学
203 2
Web应用上云经典架构实践教学

热门文章

最新文章

下一篇
开通oss服务