Php 将菜单div加载到内容div而不是新选项卡中_Php_Html_Target

Php 将菜单div加载到内容div而不是新选项卡中

php html

Php 将菜单div加载到内容div而不是新选项卡中,php,html,target,Php,Html,Target,我正在尝试更新一个旧的框架网站。标题/菜单/内容格式。我才刚刚开始了解div。我已经创建了3个div标题/菜单/内容。看起来很棒。我想单击菜单div中的一个项目，并将其加载到内容div。。。这是我的尝试 <body> <div id="header">HEADER TEXT</div> <div id="menu">LINKS <ul> <li><a hr

我正在尝试更新一个旧的框架网站。标题/菜单/内容格式。我才刚刚开始了解div。我已经创建了3个div标题/菜单/内容。看起来很棒。我想单击菜单div中的一个项目，并将其加载到内容div。。。这是我的尝试

<body>
    <div id="header">HEADER TEXT</div>
    <div id="menu">LINKS
        <ul>
            <li><a href="link1.htm" target="content"> Link 1 </a>
            </li>
            <li><a href="link2.htm" target="content"> Link 2 </a>
            </li>
            <li><a href="link3.htm" target="content"> Link 3 </a>
            </li>
        </ul>
    </div>
    <div id="content">CONTENT</div>
</body>


标题文本
链接








内容

链接将在新选项卡中打开。我错过了什么？我一直在研究并找到iframe的参考资料。这是我们需要的吗

现在我已经解决了这个问题。。使用但是如果是那样的话，我就不能给这本书打分数了。。我怎样才能克服这个问题？

提前感谢。

没有javascript，您无法更改div的内容。您可能需要使用jQuery—将以下脚本放入

标记中：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript">
    $(document).ready(function() {
        $("#menu a").click(function (e) {
            var $this = $(this);

            $("#" + $this.attr("target")).load($this.attr("href"));

            e.preventDefault();// to make browser not follow the link
        });
    });
</script>


$（文档）.ready（函数（）{
$（“#菜单a”）。单击（功能（e）{
var$this=$（this）；
$（“#”+$this.attr（“target”）.load（$this.attr（“href”））；
e、 preventDefault（）；//使浏览器不跟随链接
});
});

您可以使用php开关函数来实现这一点，但开关必须位于目标div内部，链接必须位于该div外部（在这种情况下，需要正确定位链接和div）

您也可以同时使用$\u GET和$\u POST（在我看来，最好还是使用一个开关）来完成这项工作。在这里要详细说明这是一件复杂的事情

但是有时候你可以从中受益：比如，如果你正在处理一大堆模板/主题，这些主题中有jscript作为ajax的版本等等；如果你在同一个网页上使用不同的版本，这些会发生冲突mplate不使用相同的版本（这很可能发生），那么使用ajax或jquery将不起作用。如果是这种情况，那么使用ajax或jquery来完成这项工作将遇到问题（根据我的经验，现在使用的版本多种多样，不能在同一网页上使用两个不同的版本）

使用ajax，jquery javascript是更好的方法，因为php是一种服务器端脚本语言和javascript（ajax，jquery）是客户端脚本语言，用于从客户端页面与服务器交互：如果正确执行，则服务器直接应答，并且在脚本中规定的运行时，javascript函数会在同一页面上解析该应答。如果您想了解使用$\u POST和$\u GET（它们是预先定义好的php函数，可以一起使用）然后使用google搜索进行一些研究，也可以对php开关函数进行一些研究

此链接在一个开关中使用$\u GET和$\u POST，这是一个很好的清除：

我希望这对你有帮助

如果缺少一些javascript操作，更简单的方法是使用类似于

jquery

的东西，然后使用

$（'#content'）.load（'link1.htm'）

功能