Javascript W3库不工作，看起来很简单_Javascript_Html_Css

Javascript W3库不工作，看起来很简单

javascript html css

Javascript W3库不工作，看起来很简单,javascript,html,css,Javascript,Html,Css,你有没有看过一段代码，觉得它看起来很简单就像它只是一个简单的三行代码--“我不可能把事情搞砸！”你说，然后就把事情搞砸了？因为我做到了，这让我发疯。好吧，没那么疯狂，但我被难倒了我正在制作一个在线公文包，我希望它是多页的，并且很快就意识到我不能（不想）将标题html和标题css重写到每个页面中。一点效率都没有所以我做了一些研究，发现W3数据包含库（w3schools.com/lib/w3data.js&w3schools.com/w3css/w3data_includes.asp）所以

你有没有看过一段代码，觉得它看起来很简单

就像它只是一个简单的三行代码--“我不可能把事情搞砸！”你说，然后就把事情搞砸了？因为我做到了，这让我发疯。好吧，没那么疯狂，但我被难倒了

我正在制作一个在线公文包，我希望它是多页的，并且很快就意识到我不能（不想）将标题html和标题css重写到每个页面中。一点效率都没有

所以我做了一些研究，发现W3数据包含库

（w3schools.com/lib/w3data.js&w3schools.com/w3css/w3data_includes.asp）

所以我的标题是：

我的W3索引包括：


废话废话
w3IncludeHTML（）；
废话废话

显然，您还有很多工作要做，但这需要您所拥有的并使其工作起来——使用您提供的内容将单独的menu.html注入index.html：

index.html：

<!DOCTYPE html>
<html>

<head>
  <link rel="stylesheet" href="style.css">
  <script src="https://www.w3schools.com/lib/w3data.js"></script>
  <script src="script.js"></script>
</head>

<body>
  <h1>Hello Plunker!</h1>
  <div w3-include-html="menu.html"></div>

  <script>
    w3IncludeHTML();
  </script>

</body>
</html>


你好，普朗克！
w3IncludeHTML（）；

menu.html：

<div class="v_dropdown">
  MENU
</div>

<header class="in_dropdown">
  <div id="filler_hdr" class="header">
    <div id="filler_file"></div>
  </div>

  <div id="articles_hdr" class="header">
    <div id="arcs_tab" class="tab">
      <strong><a href="articles.html">Articles</a></strong>
    </div>
    <div id="arcs_file" class="file"></div>
  </div>

  <div id="projects_hdr" class="header">
    <div id="prj_tab" class="tab">
      <strong><a href="projects.html">Projects</a></strong>
    </div>
    <div id="prj_file" class="file"></div>
  </div>

  <div id="photo_hdr" class="header">
    <div id="photo_tab" class="tab">
      <strong><a href="photos.html">Photography</a></strong>
    </div>
    <div id="photo_file" class="file"></div>
  </div>

  <div id="blog_hdr" class="header">
    <div id="blog_tab" class="tab">
      <strong><a href="blog.html">Blog</a></strong>
    </div>
    <div id="blog_file" class="file"></div>
  </div>

</header>


菜单

此外，在本地开发时，请确保使用web服务器提供本地文件，而不是使用file://URIs，因为除非您从某种web服务器提供文件，否则w3data库将无法工作

此外，你有一些非常混乱的HTML，你开始。由于您似乎仍在学习一些HTML基础知识，只是尝试深入研究，因此您可能需要验证您的HTML。一种方法是使用

控制台中是否有错误？看到这一点时，我的第一个想法是，该方法可能在外部JS库有机会加载之前被调用。脚本元素不能位于头部和身体之间，它必须位于其中一个或另一个中。浏览器可能会通过将其移动到有效位置来纠正这一点。还有其他错误。“我不可能把事情搞砸！”你说，结果把事情搞砸了没有：我所有的代码第一次都能很好地工作。好吧，不要使用W3库。真的很糟糕。我自己也用过，所以相信我。问题是我没有下载web服务器软件，以防你好奇。：）那肯定不行；我用自己的代码实现并单独运行它——运气不好。我想也许我没有JS，但我的chrome上已经启用了JavaScript。还有其他建议吗？@nopenpoe它肯定有用。你有没有点击我在答案中发布的“plunker中的答案”链接？我甚至刚刚在我的iPhone上运行了它。我想我的电脑缺少了一些东西（可能是我没有下载的东西？）Plunker确实工作得很好，但我下载了它，它在我的笔记本电脑上无法工作。这正常吗？我猜你不是通过网络服务器（比如IISExpress，如果你是在运行Windows的PC上）提供页面服务的。。。您需要运行本地web服务器以使用此解决方案提供文件，因为您要使用的库使用web请求（必须由web服务器提供）检索要包含的指定数据/文件。如果您能阅读一些关于创建网站和/或web开发的基础教程，那将是一件好事。我为延迟道歉，但是的，这是因为我没有web服务器。我昨天下载了XAMPP，它有Apache，所以工作得很好，谢谢！如果评论有解决方案，我是否仍用复选框标记主要答案？