Question

我一直在寻找几个小时，可能是因为我有限的java知识，我有点但是卡住了..

我正在开发一个网站，我想让事情变得尽可能容易。我希望用户加载主页，然后通过单击不同的按钮，页面的html“主要内容”将相应更改。

我的理由是，我想保持一切非常干净和简单，所以如果我想更新索引页面的格式，我只需要更新一页..

我假设我需要java ...

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Prodigy Doo Design</title>
<link href="template/style.css" rel="stylesheet" type="text/css" />
</head>

<body>


<?php include('template/header.php'); ?>
<div class="pad50px900wide"><!--Padding after headder--></div>
<?php include('template/nav.php'); ?>

<!--*****************************
********* BODY CONTENT***********
******************************-->
<div class="bodyContent"><?php include('text.html'); ?></div>
<!--*****************************
******END OF BODY CONTENT********
******************************-->

<?php include('template/footer.php'); ?>

</body>

那个被大量表示为“BODY CONTENT”的部分是我想要改变的部分..我在想我能以某种方式说：

如果主页按钮点击 - ＆gt;包括'home.html'

如果关于按钮点击 - ＆gt;包括'about.html' ... ...

我只是不知道如何把它放到代码中..

你可以查看我到目前为止所获得的内容http://pddtest.webuda.com/（如果您不知道，当您在大多数浏览器中显示该网站的源代码时，它将加载参考文件，就像它们全部在一起一样第一个地方，所以我可能更容易理解我想要做什么）

对不起，如果我有点模糊，任何帮助都会非常苛刻，iv已经爬了几千年的互联网，我知道这可能相当简单

Answer 1

我认为您要实现的是基本模板，其中只有主要内容发生变化。这意味着编辑基本模板（或页面，如果你想调用它），编辑所有其他页面。

为此，您需要的是一些基本的PHP，您可以使用响应在GET变量中发送文件名。

<a href="index.php?file=about">About</a>

无论你的包含在哪里，你只需将此变量添加到php扩展名：

<?php include ($file.".php"); ?>

当然不要忘记检查变量是否在请求中。这是一种非常基本的方式，可能不安全，但它是基本php的一个很好的应用。

希望这会有所帮助。

Answer 2

您已经完成了PHP包含，这意味着您正在减少需要对页面进行更新的更新量，并且更改页眉，页脚等中的内容会在整个站点中更改所有内容。

最好只有单独的页面，例如index.php，about.php（你的页面必须是.php而不是.html，因为你在你的包含的页面中使用php）并链接到那些页面只是使用常规链接。

此方法对SEO也会更好。

如果你真的想按照你最初谈论的方式去做，可以使用jQuery load（）方法。

更多信息： http://api.jquery.com/load/

Answer 3

我认为你需要阅读javascript，HTML和PHP的基础知识;通过这种方式，您应该能够自己解决这个问题并成为更好的开发人员。

Javascript是客户端脚本。这意味着您的javascript代码由用户的浏览器解释。当某些浏览器以不同方式解释您的JavaScript时，这可能会导致问题。

PHP是服务器端脚本。无论您的用户浏览哪种浏览器，它都会表现相同。只要传入相同的数据，函数就会以一致的方式运行。它向客户端发送HTML（或其他数据，但更高级）。

HTML是标记。它只是告诉浏览器如何显示您从服务器返回的数据。

结合这三者，您可以更好地了解它们如何相互作用。如果页面上的某些内容可以在后台“动态”，但在用户查看后静态（不变），请使用PHP。如果某些东西依赖于用户输入来动态更改而不刷新页面，那么您将需要实现某种类型的javascript。

Answer 4

有多种方法可以实现这一点，这里有3种简单的方法，无需重新加载index.html：

使用iFrame ： make index.html包含你所有的按钮和一个名为PageContent的iFrame点击每个按钮调用一个简单的JS函数将PageContent的src属性更改为相关的html。
使用Client -Side JS ：使index.html包含所有按钮。还包括隐藏DIV中所有相关页面的内容。点击每个按钮隐藏所有其他“选项DIVS”并仅显示相关的DIV。
使用AJAX ： make index.html包含所有按钮和一个名为PageContent的DIV点击每个按钮调用一个简单的JS函数点击服务器，获取链接到的页面的内容按钮并使用innerHTML将其渲染到DIV中。

按钮单击引用不同的html文件

4 个答案: