Javascript 隐藏和显示

我正在一家公司的网站上工作（我的第一个网站，除了我自己的），我有点困惑。我知道我以前就知道这一点，但我已经忘记了

我将在网站上创建许多不同的页面，我想为每个页面创建一个新文件不是一个好主意

我认为最好的方法是在索引文件中为每页创建一个“div”，然后以某种方式将所有内容放在后面，当我单击菜单中正确的内容时，一个一个地显示出来。。。我该怎么做

我可以只使用CSS还是需要一些Java脚本，以及如何编写代码

---

非常感谢您的快速帮助！：）

您所说的是制作一个包含公司网站所有内容的HTML页面。以这种方式建立公司网站是个坏主意，原因如下：

• Web浏览器希望在具有多个页面的站点中导航，这就是为什么他们有一个位置栏和前进/后退按钮。你的方法打破了这两个
• 这个页面会更大，在用户的web浏览器中加载需要更长的时间
• 页面的SEO会很差，因为谷歌和其他蜘蛛很难理解其内容的语义。对于谷歌来说，一个包含如此多文本的大页面看起来像是关键词填充，会受到惩罚
• 这样的网页很难保持条理；对任何内容进行任何更改都需要您编辑单个文件，因此您很难跟踪和/或合并对不同文档的更改，公司也很难进行内容更改
• 最后，这种方法是不恰当的。您是正确的，为每个页面创建一个静态HTML文件并不太好。但解决办法不是制作一个网页；解决方案是使用CMS

是世界上最流行的CMS。它是为博客设计的，但可以用于任何网站。 是一款功能强大的CMS，有很多您可能不需要的功能，但它比Wordpress更现代，并且在视觉上更灵活

如果您不想使用成熟的CMS，并且想灵活使用一些编程技巧，您可以尝试使用现成的MVC框架，如或，但请记住，这需要您学习一些Ruby或Python

最重要的是，您应该使用服务器端模板来解决问题，而不是客户端JavaScript

---

（一些非常大的网站确实使用JavaScript支持的页面导航方法，但这些通常是像Twitter这样的web应用程序。这种方法不适用于公司网站。）

您可以使用JavaScript更改元素的内部HTML。 例如，创建一个div并将其ID设置为“myDiv”：

---

我希望我能帮上忙：-）

看来你更需要更多地了解Web开发。是的，CSS和HTML应该被使用，标签被用来布局你的网站。如何添加css和javscript取决于您想要展示的内容您应该使用PHP。甚至可能是基于php的CMS，如Drupal（）、Joomla（）或WordPress（）.hm。。好吧，在我的学校里，我们没有学会如何使用这些工具，我只是在一个名为Aptana Studio的程序中编写代码…连续5条注释？！在网上冲浪。你可以找到大量关于Drupal、Joomla、Wordpress的信息。。。当你使用这样的CMS时，你可以为公司创建一个真正专业的网站，而不必担心一些真正技术性的东西，并且专注于设计方面。就我个人而言，我最喜欢Drupal，但它可能也是最难使用的。如果你想要快速的结果，我推荐你Wordpress。这完全是个人观点，你愿意（而且很可能会）忽略它，但对我来说，根据你所说的，你似乎还没有准备好为另一家公司建立网站。这不是我居高临下，我只是觉得你不应该匆忙行事，如果你觉得这项任务正在成为一种负担，不要犹豫，告诉公司。比在截止日期前，你两腿夹着尾巴站在客户面前，客户可能会对其他可能成为客户的公司说你坏话，更早地说实话要好得多。是的，但您至少应该注意到，她的方法不合适，会导致代码和维护噩梦。

<div id="myDiv"></div>

function show(){
   document.getElementById("myDiv").innerHTML="html code here";
}