Question

我正在尝试更新旧的框架网站。标题/菜单/内容格式。我刚开始学习divs。我创建了3个div标题/菜单/内容。看起来很棒。我想单击菜单div中的项目，并将其加载到Content 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的参考。这需要什么？

现在我已经解决了..使用This Link 但在那种情况下，我无法给出书签..我怎么能克服这个问题？提前谢谢..

Answer 1

如果没有javascript，您无法更改div的内容。您可能想要使用jQuery - 将以下脚本放在<head>标记中：

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

Answer 2

您可以使用php开关功能执行此操作，但您必须将目标div内部的开关和该div外部的链接（在这种情况下，这是将链接和div正确定位的问题。

你也可以一起使用$ _GET和$ _POST（再次使用开关是IMO）这里要详细说明。

但是，有时这是你可以从中受益的东西：例如，如果你正在处理一大堆模板/主题，那些主题在其中有jscript作为ajax等的版本;如果您在同一网页上使用不同的版本，这些将发生冲突。因此，如果您使用您的ajax版本来完成工作并且模板不使用相同的版本（很可能会发生），那么使用ajax或jquery将无法正常工作。如果是这种情况，那么你将无法使用ajax或jquery来为你完成这项工作（现在使用的是各种版本，根据我的经验，你不能在同一网页上使用2个不同的版本。

使用ajax，jquery javascript是更好的方法，因为php是服务器端脚本语言，javascript（ajax，jquery）是客户端脚本语言，用于从客户端页面与服务器交互：如果这样做是正确的然后服务器直接回复，并且该回复由在脚本中规定的运行时间内解析到同一页面上的javascript函数捕获。如果你想学习使用$ _POST和$ _GET（它们是预先设定的PHP函数，并且可以一起使用），那么使用谷歌搜索进行一些研究就可以了。并且还对PHP切换功能进行了一些研究。

此链接在交换机中使用$ _GET和$ _POST，这是一个很好的插图： http://www.intechgrity.com/using-php-get-and-post-simultaneously-via-single-html-form/#

我希望这会对你有所帮助 ģ

将菜单div加载到Content div而不是新选项卡中

2 个答案: