Question

我想通过点击网页其他部分的链接来更新网页的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>

Answer 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>

所以现在我正在重新加载所有东西，但外观和感觉都是混乱的，所以对于一个小型网站来说，它可能已经足够了，但我希望有一个更优雅的解决方案。

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

1 个答案: