单击不同 div/section 上的链接后，通过 html（或 php）更新 div/section答案

【问题标题】：update div/section by html (or php) after clicking on link on different div/section单击不同 div/section 上的链接后，通过 html（或 php）更新 div/section
【发布时间】：2015-09-24 18:06:24
【问题描述】：

我想通过单击网页另一部分的链接来更新网页的 div/部分

到目前为止，我的 html 代码是这样的：我坚持如何完成 href 标记和内容部分，以便将链接绑定到内容部分/分区。地址栏是否可以反映正在查看的内容（取决于点击的链接）而不是停留在原始网页的地址中？

编辑：明确一点：我想在单击任何链接时将 html 加载到 div 中

<html>
<head>
<title>Example PAGE</title>
<link type="text/css" rel="Stylesheet" href="style.css" />
<script type="text/javascript" charset="utf-8" src="http://code.jquery.com/jquery-latest.min.js"></script>
</head>
<body>

<!-- top header bar -->
<section id="header">
<div id="top_Nav" style="color: #FFFFFF; padding: 5px 5px 5px 5px;text-shadow:10px 10px 10px blue">
<font size="6"><center>Title</center></font>
</div>
</section>


<section id="Menu">
<div id="navigation">
<div id="menu">
<p<ul><font color=#FFFFFF face="Verdana, Arial, Helvetica, sans-serif"><a><b>Dashboard</b></a></font></ul>
<ul><li><font face="Verdana, Arial, Helvetica, sans-serif"><a href="./dashboard/Display_global.php"<b>Dashboard</b></a></font></ul>
<ul><li><li><font face="Verdana, Arial, Helvetica, sans-serif"><a href="./dashboard/graphs/metric_barchart.html" target="myContent"><b>MDV Bar Chart</b></a></font></ul>
    </p>

<p<ul><font color=#FFFFFF face="Verdana, Arial, Helvetica, sans-serif"><a><b>Spitfire I</b></a></font></ul>
            <ul><li><font face="Verdana, Arial, Helvetica, sans-serif"><a href="qaweb_sf1/codec/Codec.php" target="myContent"><b>Sfcodec</a></font></ul>
            <ul><li><font face="Verdana, Arial, Helvetica, sans-serif"><a href="qaweb_sf1/ats/ats.html" target="myContent">Spitfire I - ATS</a></font></ul>
    <ul><li><font face="Verdana, Arial, Helvetica, sans-serif"><a href="qaweb_sf1/latest_sf1dac.html" target="myContent">SF1 DAC</a></font></ul>
    <ul><li><li><font face="Verdana, Arial, Helvetica, sans-serif"><a href="qaweb_sf1/dac_db/Dac.php" target="myContent">SF1 DAC DB</a></font></ul>
    <ul><li><li><font face="Verdana, Arial, Helvetica, sans-serif"><a href="qaweb_sf1/decoder/Front.php" target="myContent">SF1 Decoder</a></font></ul>
 </div>
 </div>

 </section>

 <section id=Content>
 <div id="content"> Some content
 </div>
 </section>
 </body>
 </html>

【问题讨论】：

您的要求不明确...您想在点击时将页面加载到 div 中还是仅将 html 添加到特定的 div 中？请说明您的问题。

标签： javascript php jquery css hyperlink

【解决方案1】：

我就是这样解决的：

<?php   
 $page_title = "page title";
 $css_link = '<link type="text/css" rel="Stylesheet" href="../css/style.css"/>';
 include_once($_SERVER['DOCUMENT_ROOT'] . "/banner.php");
?>

<section id="Menu">
<div id="navigation">
<div id="menu">
  <?php include($_SERVER['DOCUMENT_ROOT'] . "/Menu.php");
    ?>
</div>
</div>
</secion>
<section id="Content">
<div id="content">
<base target="_blank" />
</div>
</section>
</body>
</html>

现在我已将所有页面更改为 .php 并具有以下模板：

<?php   
 $page_title = "soemthing to set page title by top_nav";
 $css_link = '<link type="text/css" rel="Stylesheet" href="../../css/style.css"/>';
 include_once($_SERVER['DOCUMENT_ROOT'] . "/banner.php");
?>
<section id="Menu">
<div id="navigation">
<div id="menu">
<?php 
  include_once($_SERVER['DOCUMENT_ROOT'] . "/Menu.php");
?>
</div>
</div>
</secion>
<section id="Content">
<div id="content">
<br>
Content Here!
</div>
</section>
</body>
</html>

所以现在我正在重新加载所有内容，但外观和感觉是保持不变的，所以对于一个小型网站来说，这可能已经足够了，但我希望有一个更优雅的解决方案。

【讨论】：