Question

＆＃13;

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <link rel="stylesheet" href="../css/style.css" />
  <title>Floza Web Design | Conception web</title>
</head>
<body>
  <header>
    <div class="nav" id="nav">
      <a href="javascript:void(0)" id="close" class="close" onclick="closeNav()">&times</a>
      <a href="#">Accueil</a>
      <a href="#">Réalisations</a>
      <a href="#">Notre équipe</a>
      <a href="#">Nos services</a>
      <a href="#">Contact</a>
    </div>
    <span id="open" class="open" onclick="openNav()">&#9776;</span>
    <script type="text/javascript">
     fonction openNav(){
       document.getElementsById('open').style.display = "none";
       document.getElementsById('nav').style.width = "100%";
       }
     fonction closeNav(){
       document.getElementsById('nav').style.width = "0";
       document.getElementsById('open').style.display = "block";
     }
    </script>
</header>
  <div class="div"></div>


</body>
</html>

＆＃13;

有人能告诉我什么是错的吗？我想让我的菜单显示整页，但它不起作用。我是Javascript的新手。我按照youtube视频逐步进行操作，但它无法正常工作。

由于

Answer 1

需要f u ，而不是 o nction
这是getElementById，而不是getElement s ById（请注意这里的复数，它必须是单数）

<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">First</span></button>
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">Second</span></button>

Answer 2

看来你拼错了单词＆＃34; function＆＃34;。你的代码

<script type="text/javascript">
 fonction openNav(){
   document.getElementsById('open').style.display = "none";
   document.getElementsById('nav').style.width = "100%";
   }
 fonction closeNav(){
   document.getElementsById('nav').style.width = "0";
   document.getElementsById('open').style.display = "block";
 }
</script>

更正拼写

<script type="text/javascript">
 function....
 function....
</script>

另外，您似乎拼错了getElementsById（）没有＆＃34; s＆＃34;。正确的拼写是getElementById（）

我建议您下载一个好的代码编辑器，如Visual Code。这是免费的。它会抓住你的拼写错误。

Answer 3

首先要注意一些错误：

“fonction”应为“function”
“document.getElementsById”应为“document.getElementById”（documentation）
当您尝试执行onclick时未定义函数，我建议在javascript中单独为这些元素设置事件侦听器，而不是内联函数

示例将是：

document.getElementById('close').addEventListener('click', function () {
  document.getElementById('nav').style.width = "0";
  document.getElementById('open').style.display = "block";
})

document.getElementById('open').addEventListener('click', function () {
  document.getElementById('open').style.display = "none";
  document.getElementById('nav').style.width = "100%";
})

您还可以单独创建一个javascript文件来管理所有这些功能，并在标签中或标签后引用该文件，具体取决于您何时需要加载。

在此文件中，我建议您在开始运行文件中的任何函数之前为导航事件DOMContentLoaded设置事件侦听器。

示例：

document.addEventListener（'DOMContentLoaded'，function（）{ / *您的所有javascript代码都可以在这里执行在页面上的内容加载后 }）

我的Javascript不起作用。我不知道为什么

3 个答案: