Question

这是我要处理的网站

https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_loader5

不幸的是，该示例假设我希望整个页面显示CSS加载器，但是我的页面分为几部分，并且我只希望页面的一部分显示CSS加载器。原始示例使用body标签。但是我不能在代码中使用两次body标记，否则它将无法通过验证。我该如何修复我的代码，以便它可以验证并且CSS加载器仍按我希望的方式运行？

请记住，我只熟悉HTML和CSS。我对JavaScript一无所知。我在网站上拥有的少量JavaScript已从其他来源复制并粘贴。

问题出在：

<body onload="myFunction()" style="margin:0;">

所以我在想，如果我可以将“ body”更改为其他内容，那我应该很好。但是我不知道该将其更改为什么。或如何将新单词连接到我希望它影响的内容上。

<!DOCTYPE html>
   <html lang="en">
       <head>
           <!-- head section begins here -->

           <!-- head section ends here -->
       </head>
       <body>
          <!-- body section begins here -->
       <div class="wrapper">

       <div class="section">
       <div class="largecontent">

       <body onload="myFunction()" style="margin:0;">
           <div id="loader"></div>
           <div style="display:none;" id="myDiv" class="animate-bottom">  

           <!-- www.123formbuilder.com script begins here -->
           <script type="text/javascript" defer 
           src="https://www.123formbuilder.com/embed/4923120.js"
           data-role="form" data-default-width="650px"></script>
           <!-- www.123formbuilder.com script ends here -->          

           <script>
           var myVar;
           function myFunction() {myVar = setTimeout(showPage, 3000);}
           function showPage() 
           {document.getElementById("loader").style.display = "none";                                 
           document.getElementById("myDiv").style.display = "block";}
           </script>
           </div>
       </div>
       </div>

       </div>
        <!-- body section ends here -->
       </body>
   </html>

1）错误：看到了开始标记主体，但是已经打开了相同类型的元素。

从第130行的第21列；到第130行的第66列

    <body onload="myFunction()" style="margin:0;">↩

2）致命错误：上次错误后无法恢复。任何其他错误都将被忽略。

从第130行的第21列；到第130行的第66列

    <body onload="myFunction()" style="margin:0;">↩

Answer 1

<!DOCTYPE html>
<html lang="en">
  <head>
  </head>
  <body onload="myFunction()">
    <div class="wrapper">
      <div class="section">
        <div class="largecontent">
           <div  style="margin:0;">
             <div id="loader"></div>
             <div style="display:none;" id="myDiv" class="animate-bottom">
           </div>
         </div>
       </div>
     </div>
   </div>
   <script type="text/javascript" defer src="https://www.123formbuilder.com/embed/4923120.js" data-role="form" data-default-width="650px"></script>
   <script>
     var myVar;
     function myFunction() {myVar = setTimeout(showPage, 3000);}
     function showPage(){
       document.getElementById("loader").style.display = "none";                                 
       document.getElementById("myDiv").style.display = "block";
     }
   </script>
 </body>
</html>

Body标签在我的代码中使用了两次。如何解决此错误，以便我的代码可以通过验证？

1 个答案: