<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <script> var score =prompt('请输入成绩'); switch(score/10){ case 1:(print=>'60') ; console.log('及格'); break; case 2:(prin =>'80'); console.log('良好'); break; case 3:(prin=>'90'); console.log('优秀'); default: console.log('不及格');} </script> </body> </html> 错在哪里

时间: 2023-04-04 19:01:03 浏览: 208
这是一段 HTML 代码和 JavaScript 代码的混合，不是一个问题。我可以看出这段代码有语法错误，switch 语句中的 case 语句应该是数字而不是函数，而且缺少了 break 语句。正确的代码应该是： ``` var score = prompt('请输入成绩'); switch (Math.floor(score / 10)) { case 10: case 9: console.log('优秀'); break; case 8: console.log('良好'); break; case 7: case 6: console.log('及格'); break; default: console.log('不及格'); } ```
相关问题

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <script src="/jquery-3.6.3.min.js"> $("#11").click(function (){ alert("haha"); }) </script> <button id="11">haha</button> </body> </html>该代码为什么不弹出警示框

该代码没有在文档加载完成后执行JavaScript代码，因此jQuery代码无法生效。在引入jQuery库的`<script>`标签中，应该只引入jQuery库文件，而不应该将JavaScript代码写在里面。 正确的写法是，将jQuery代码放在`<script>`标签外面，并将代码放在文档就绪函数中，如下所示： ``` <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <button id="11">haha</button> <script src="/jquery-3.6.3.min.js"></script> <script> $(document).ready(function(){ $("#11").click(function (){ alert("haha"); }); }); </script> </body> </html> ``` 这样，在网页加载完成后，jQuery代码才会生效，点击按钮时才会弹出警示框。

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> #father { width: 300px; height: 300px; background-color: pink; margin: 100 auto; } </style> </head> <body> <div id="father"> <div id="son"></div> <div></div> <div></div> </div> <script> let i = document.querySelector(".father") console.log(i); </script> </body> </html>

根据你提供的代码，你的 HTML 中的 `div` 元素的 `id` 属性为 `father`，而不是 `class` 属性。因此，你应该使用 `querySelector("#father")` 来选择 `id` 为 `father` 的元素，而不是 `querySelector(".father")`。 以下是修改后的代码： ```html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> #father { width: 300px; height: 300px; background-color: pink; margin: 100 auto; } </style> </head> <body> <div id="father"> <div id="son"></div> <div></div> <div></div> </div> <script> let i = document.querySelector("#father") console.log(i); </script> </body> </html> ``` 现在，变量 `i` 将会指向 `id` 为 `father` 的元素，并且不再是空值。
阅读全文

相关推荐

zip

-doctype-html-html-lang-en-dir-ltr-head-meta-name:

5. **HTML Meta标签**：<meta>标签用于提供HTML文档的元信息，比如字符集设置（<meta charset="UTF-8">）、页面描述（<meta name="description" content="...">）、关键词（<meta name="keywords" content="....
pdf

HTML Document Structure

<meta charset="UTF-8"> <title>Page Title</title> </head> <body> <h1>Welcome to My Website</h1> <p>This is a paragraph.</p> </body> </html> #### 四、HTML标题 HTML标题使用<h1>至<h6>标签来...
zip

build-script:构建脚本

build-scriptbuild-script可独立于项目把build-script放于与项目的同一级目前 集成了 less mincss minjs 和 browser-sync等功能...meta charset="UTF-8"> <title>Document</title></head><b

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script src="https://cdn.jsdelivr.net/npm/vue@2.7.14"></script> <body> <input type="text" v-model="message"> <script> var app = new Vue({ el: "#app", date: { message: "Hello Vue!" } }) </script> </body> </html> 代码运行报错 ReferenceError: message is not defined

<meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script src="https://cdn.jsdelivr.net/npm/vue@2.7.14"></script> </head> <body...

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <script src="jquery-3.6.3.min.js"></script> <script> $().ready=function () { $("#11").click(function () { alert("haha"); }) } </script> <button id="11">haha</button> </body> </html>为什么不弹出警示框

<meta charset="UTF-8"> <title>Title</title> <script src="jquery-3.6.3.min.js"></script> <script> $(document).ready(function () { $("#11").click(function () { alert("haha"); }); }); </script>...

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script src="vue.js"></script> </head> <body> <template> 胡图图 </template> <script> var vm = new Vue({ el: '#app', components: { 'my-component': { data() { return { showImage: false } } } } }); </script> </body> </html>找找点击字体图片无法显示的问题

<meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script src="vue.js"></script> </head> <body> <div id="app"> <my-component>...

<!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>Document</title> </head> <body> <style>

但是，您可以在<style>标签中编写CSS样式，然后将其应用于网页中的HTML元素。例如，可以通过以下方式将样式应用于段落元素： <style> p { color: blue; font-size: 16px; } </style> <p>This is a ...

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> p{ color:red; font-size:20px; } h2{ color:yellow; } .hello{ background: #cccccc; } .world{ font-weight:bold; } #haha{ color:blue; } </style> </head> <body> welcome to css! hello world! WEB前端开发 Java开发
welcome to css! hello world! WEB前端开发 Java开发 主讲：Hector 主讲：Hector
哈哈 </body> </html> 解释下每行的意思

<meta charset="UTF-8"> <title>Document</title> <style> p{ color:red; font-size:20px; } h2{ color:yellow; } .hello{ background: #cccccc; } .world{ font-weight:bold; } ...

sublime报Error trying to parse file: Expected value in Packages \User\ Default (Windows).sublime-keymap:4:1 <!DOCTYPE html> ‹html lang="en"› <head> <meta charset-"UTF-8"› <title›Document‹/title> </head> <body> </body> </html>

这个问题看起来是你的 Sublime Text 编辑器尝试打开一个 HTML 文件，但是文件内容并不符合 JSON 格式，导致解析错误。你可以尝试以下几个步骤来解决这个问题： 1. 确认你打开的是一个正确的 JSON 文件，而不是一个 ...

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>显示当前日期</title> </head> <body onload="currenttime()"> 软工22**班***的时间日期对象 <script> function currenttime(){ } </script> </body> </html>添加相应JS 代码，动态的显示当前时间，每秒更新。

<meta charset="UTF-8"> <title>显示当前日期</title> </head> <body onload="currenttime()"> <h2 align="center" style="color: blue;">软工22**班***的时间日期对象</h2> <h1 align="center" id="htime" ...

以下代码如何在li中输出name和age<!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>Document</title> <script src="vue.js"></script> </head> <body> {{index.name}}-{{index.age}} <script> new Vue({ el: ".box", data: { person: [{ id: "001", name: "张三", age: 18 }], }, }); </script> </body> </html>

<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>Document</title> <script src=...

<!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> <body> <button id="btn">点击生成3000个按钮</button> </body> <script> var btn = document.getElementById("btn"); btn.onclick = function () { for (i = 0; i < 3000; i++) { document.getElementById("content").innerHTML += '<input name="按钮" type="button" onClick="clic()" value="按钮"><\/input>'; } }; </script> </html> 生成3000按钮太卡了 优化一下代码

<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> <body> ...
docx

html css js网页设计

- <meta charset="UTF-8">：指定字符编码为UTF-8。 - <meta name="viewport" content="width=device-width, initial-scale=1.0">：设定视口宽度为设备宽度，初始缩放比例为1，确保在移动设备上正确显示。 - ...
md

HTML-CSS.md

- <meta charset="UTF-8">: 设置文档的字符编码。 - <title>: 定义文档的标题，显示在浏览器标签页的标题栏上。 - **主体内容** (<body>): 页面可见内容的容器。 ##### 2. HTML编写规范 - **嵌套规则**: ...
md

6个javascript小练习与一个html+css+javascript的完整项目

<meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <div> <p>商品: Web前端课程</p> <p>原价: 1980元</p> <p>现价：...
md

HTML5七夕情人节表白网页制作【纯HTML+CSS实现3D动态相册-蓝色海洋 】HTML+CSS+JavaScript

<meta charset="UTF-8"/> <title>浪漫海洋梦幻告白3D相册</title> <link rel="stylesheet" href="css/style.css"/> <link rel="stylesheet" href="css/style0.css"/> </head> <body> <!--荧光S--> <div class=...
docx

html+js+css开发源代码项目.docx

<meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Todo App</title> <link rel="stylesheet" href="css/styles.css"> </head> <body> <div class=...
pdf

html+js+css实现点击按钮弹出下拉交互

<meta charset="UTF-8"> <title>按钮下拉交互</title> <!-- CSS样式 --> </head> <body> <div class="butten"> <button id="chengeBtn">修改显示内容</button> </div> <div class="chenge"> <h1>测试 1</h1>...

大家在看

recommend-type

Adobe_Flash_Player_ActiveX_v34_0_0_211

win10 flash插件
recommend-type

天风证券_0305_风险预算与组合优化.pdf

天风证券_0305_风险预算与组合优化.pdf
recommend-type

housing:东京房价和地价

这是什么？ 日本的土地价格，基于 MLIT 的数据。 报告
recommend-type

CST画旋转体.pdf

在CST帮助文档中很难找到画旋转体的实例，对于一些要求画旋转体模型的场合有时回感到一筹莫展，例如要对一个要承受压力的椭球封盖的腔体建模用 普通的方法就难以胜任。本文将以实例的方式教大家怎么画旋转体，很实用！
recommend-type

nacos2.4.0源码改造oracle版

改造后的oracle-2.4.0版，使用时更改startup.cmd文件或startup.sh文件， application.properties根据需要更改配置

最新推荐

recommend-type

医疗影像革命-YOLOv11实现病灶实时定位与三维重建技术解析.pdf

想深入掌握目标检测前沿技术？Yolov11绝对不容错过！作为目标检测领域的新星，Yolov11融合了先进算法与创新架构，具备更快的检测速度、更高的检测精度。它不仅能精准识别各类目标，还在复杂场景下展现出卓越性能。无论是学术研究，还是工业应用，Yolov11都能提供强大助力。阅读我们的技术文章，带你全方位剖析Yolov11，解锁更多技术奥秘！
recommend-type

智慧物流实战-YOLOv11货架商品识别与库存自动化盘点技术.pdf

想深入掌握目标检测前沿技术？Yolov11绝对不容错过！作为目标检测领域的新星，Yolov11融合了先进算法与创新架构，具备更快的检测速度、更高的检测精度。它不仅能精准识别各类目标，还在复杂场景下展现出卓越性能。无论是学术研究，还是工业应用，Yolov11都能提供强大助力。阅读我们的技术文章，带你全方位剖析Yolov11，解锁更多技术奥秘！
recommend-type

自动驾驶核心-YOLOv11多传感器融合障碍物检测模型架构揭秘.pdf

想深入掌握目标检测前沿技术？Yolov11绝对不容错过！作为目标检测领域的新星，Yolov11融合了先进算法与创新架构，具备更快的检测速度、更高的检测精度。它不仅能精准识别各类目标，还在复杂场景下展现出卓越性能。无论是学术研究，还是工业应用，Yolov11都能提供强大助力。阅读我们的技术文章，带你全方位剖析Yolov11，解锁更多技术奥秘！
recommend-type

基于多松弛（MRT）模型的格子玻尔兹曼方法（LBM）Matlab代码实现：模拟压力驱动流场与优化算法研究,使用多松弛（MRT）模型与格子玻尔兹曼方法（LBM）模拟压力驱动流的Matlab代码实现,使用

基于多松弛（MRT）模型的格子玻尔兹曼方法（LBM）Matlab代码实现：模拟压力驱动流场与优化算法研究,使用多松弛（MRT）模型与格子玻尔兹曼方法（LBM）模拟压力驱动流的Matlab代码实现,使用格子玻尔兹曼方法（LBM）模拟压力驱动流，多松弛（MRT）模型，Matlab代码 ,LBM; 驱动流; MRT模型; Matlab代码,LBM-MRT模型在Matlab中模拟压力驱动流
recommend-type

Matlab Simulink下的光伏、燃料电池与蓄电池单相并网控制策略：MPPT控制光伏，DC-DC变换与过充过放保护机制研究,光伏+燃料电池结合蓄电池单相并网仿真：MPPT控制及智能充电管理,ma

Matlab Simulink下的光伏、燃料电池与蓄电池单相并网控制策略：MPPT控制光伏，DC-DC变换与过充过放保护机制研究,光伏+燃料电池结合蓄电池单相并网仿真：MPPT控制及智能充电管理,matlab simulink仿真，光伏+燃料电池+蓄电池单相并网控制，光伏采用mppt控制，燃料电池与蓄电池经过DC DC变器连接再直流母线上，蓄电池有过放过充保护，充电阶段有恒压，恒流阶段充电。 ,matlab; simulink仿真; 光伏+燃料电池+蓄电池单相并网控制; MPPT控制; DC DC变换器; 直流母线; 过放过充保护; 充电阶段恒压恒流充电。,Matlab Simulink仿真：光伏+燃料电池+蓄电池单相并网控制策略研究
recommend-type

Spring Websocket快速实现与SSMTest实战应用

标题“websocket包”指代的是一个在计算机网络技术中应用广泛的组件或技术包。WebSocket是一种网络通信协议，它提供了浏览器与服务器之间进行全双工通信的能力。具体而言，WebSocket允许服务器主动向客户端推送信息，是实现即时通讯功能的绝佳选择。 描述中提到的“springwebsocket实现代码”，表明该包中的核心内容是基于Spring框架对WebSocket协议的实现。Spring是Java平台上一个非常流行的开源应用框架，提供了全面的编程和配置模型。在Spring中实现WebSocket功能，开发者通常会使用Spring提供的注解和配置类，简化WebSocket服务端的编程工作。使用Spring的WebSocket实现意味着开发者可以利用Spring提供的依赖注入、声明式事务管理、安全性控制等高级功能。此外，Spring WebSocket还支持与Spring MVC的集成，使得在Web应用中使用WebSocket变得更加灵活和方便。 直接在Eclipse上面引用，说明这个websocket包是易于集成的库或模块。Eclipse是一个流行的集成开发环境（IDE），支持Java、C++、PHP等多种编程语言和多种框架的开发。在Eclipse中引用一个库或模块通常意味着需要将相关的jar包、源代码或者配置文件添加到项目中，然后就可以在Eclipse项目中使用该技术了。具体操作可能包括在项目中添加依赖、配置web.xml文件、使用注解标注等方式。 标签为“websocket”，这表明这个文件或项目与WebSocket技术直接相关。标签是用于分类和快速检索的关键字，在给定的文件信息中，“websocket”是核心关键词，它表明该项目或文件的主要功能是与WebSocket通信协议相关的。 文件名称列表中的“SSMTest-master”暗示着这是一个版本控制仓库的名称，例如在GitHub等代码托管平台上。SSM是Spring、SpringMVC和MyBatis三个框架的缩写，它们通常一起使用以构建企业级的Java Web应用。这三个框架分别负责不同的功能：Spring提供核心功能；SpringMVC是一个基于Java的实现了MVC设计模式的请求驱动类型的轻量级Web框架；MyBatis是一个支持定制化SQL、存储过程以及高级映射的持久层框架。Master在这里表示这是项目的主分支。这表明websocket包可能是一个SSM项目中的模块，用于提供WebSocket通讯支持，允许开发者在一个集成了SSM框架的Java Web应用中使用WebSocket技术。 综上所述，这个websocket包可以提供给开发者一种简洁有效的方式，在遵循Spring框架原则的同时，实现WebSocket通信功能。开发者可以利用此包在Eclipse等IDE中快速开发出支持实时通信的Web应用，极大地提升开发效率和应用性能。
recommend-type

电力电子技术的智能化：数据中心的智能电源管理

# 摘要 本文探讨了智能电源管理在数据中心的重要性，从电力电子技术基础到智能化电源管理系统的实施，再到技术的实践案例分析和未来展望。首先，文章介绍了电力电子技术及数据中心供电架构，并分析了其在能效提升中的应用。随后，深入讨论了智能化电源管理系统的组成、功能、监控技术以及能
recommend-type

通过spark sql读取关系型数据库mysql中的数据

Spark SQL是Apache Spark的一个模块，它允许用户在Scala、Python或SQL上下文中查询结构化数据。如果你想从MySQL关系型数据库中读取数据并处理，你可以按照以下步骤操作： 1. 首先，你需要安装`PyMySQL`库（如果使用的是Python），它是Python与MySQL交互的一个Python驱动程序。在命令行输入 `pip install PyMySQL` 来安装。 2. 在Spark环境中，导入`pyspark.sql`库，并创建一个`SparkSession`，这是Spark SQL的入口点。 ```python from pyspark.sql imp
recommend-type

新版微软inspect工具下载：32位与64位版本

根据给定文件信息，我们可以生成以下知识点： 首先，从标题和描述中，我们可以了解到新版微软inspect.exe与inspect32.exe是两个工具，它们分别对应32位和64位的系统架构。这些工具是微软官方提供的，可以用来下载获取。它们源自Windows 8的开发者工具箱，这是一个集合了多种工具以帮助开发者进行应用程序开发与调试的资源包。由于这两个工具被归类到开发者工具箱，我们可以推断，inspect.exe与inspect32.exe是用于应用程序性能检测、问题诊断和用户界面分析的工具。它们对于开发者而言非常实用，可以在开发和测试阶段对程序进行深入的分析。 接下来，从标签“inspect inspect32 spy++”中，我们可以得知inspect.exe与inspect32.exe很有可能是微软Spy++工具的更新版或者是有类似功能的工具。Spy++是Visual Studio集成开发环境（IDE）的一个组件，专门用于Windows应用程序。它允许开发者观察并调试与Windows图形用户界面（GUI）相关的各种细节，包括窗口、控件以及它们之间的消息传递。使用Spy++，开发者可以查看窗口的句柄和类信息、消息流以及子窗口结构。新版inspect工具可能继承了Spy++的所有功能，并可能增加了新功能或改进，以适应新的开发需求和技术。 最后，由于文件名称列表仅提供了“ed5fa992d2624d94ac0eb42ee46db327”，没有提供具体的文件名或扩展名，我们无法从这个文件名直接推断出具体的文件内容或功能。这串看似随机的字符可能代表了文件的哈希值或是文件存储路径的一部分，但这需要更多的上下文信息来确定。 综上所述，新版的inspect.exe与inspect32.exe是微软提供的开发者工具，与Spy++有类似功能，可以用于程序界面分析、问题诊断等。它们是专门为32位和64位系统架构设计的，方便开发者在开发过程中对应用程序进行深入的调试和优化。同时，使用这些工具可以提高开发效率，确保软件质量。由于这些工具来自Windows 8的开发者工具箱，它们可能在兼容性、效率和用户体验上都经过了优化，能够为Windows应用的开发和调试提供更加专业和便捷的解决方案。
recommend-type

如何运用电力电子技术实现IT设备的能耗监控

# 摘要 随着信息技术的快速发展，IT设备能耗监控已成为提升能效和减少环境影响的关键环节。本文首先概述了电力电子技术与IT设备能耗监控的重要性，随后深入探讨了电力电子技术的基础原理及其在能耗监控中的应用。文章详细分析了IT设备能耗监控的理论框架、实践操作以及创新技术的应用，并通过节能改造案例展示了监控系统构建和实施的成效。最后，本文展望了未来能耗监控技术的发展趋势，同时