innerHTML 使用 php include 语句更改 DIV 内容的正确语法

Posted 2023-05-07

【中文标题】innerHTML 使用 php include 语句更改 DIV 内容的正确语法

【英文标题】：Correct syntax for innerHTML to change DIV content with php include statement

【发布时间】：2012-05-13 14:47:54

【问题描述】：

我正在对我的公司网站进行改造，左侧按钮的 js 垂直滚动菜单是用于更改标题下主 div 内容的链接。我现在用 php include 语句设置了它，它可以工作，但是每次它重新加载整个页面时，左侧的滚动菜单都会重置到列表的顶部，失去访问者的位置。

您可以在http://www.nbtc.org/nv 看到原型，点击“骑自行车”或“拼车”来查看它的实际效果。

我不想这样做，我想使用 js 来更改带有 innerhtml 的 div 的内容，我想要一个链接包含变量的函数，所以链接看起来像：

<a class="button" href="javascript:changecontent(bike)">Bicycling</a>

以下函数将运行：

<script type="text/javascript">
function changecontent(var1)

document.getElementById('content').innerHTML="<?php include(" var1 .php"); ?>";

</script>

id 为“content”的 div 将更改为包含 bike.php。单击其他链接会将 div 更改为其他内容。

我是新手，所以请帮助我了解脚本的语法，我知道我必须在函数语句中分离出 'var1' 但我不知道如何。

这似乎是一个直接的解决方案，但如果有更好的方法，我会全力以赴。垂直滚动菜单已经使用 jquery，我读到了“加载”功能，也许这样会更好？

感谢您的帮助！布伦登

【参考方案1】：

$.load 在这里肯定会很好。

$(function()
    $(".menutable").on("click", ".button", function(event)
        event.preventDefault();
        $("#content1").load(event.target.href);
    ); 
);

然后更改所有链接以在 href 值中包含它们的实际目的地：

<a class="button" href="bike.php">Bicycling</a>

演示：http://jsbin.com/uyasux/edit#javascript,html

【讨论】：

我正在实施它，就像您在示例中设置的那样，但它不起作用。它在第一篇文章中以“骑自行车”作为测试链接在网站上运行。我只将“button”类更改为“button1”，将“menutable”更改为“menutable1”，因此此功能与装饰菜单的类分开。如果这不是必需的，一旦我们让它工作，我会改变它。提前感谢乔纳森的帮助！

@BrendenMcDougal 您需要像页面上的其他 JavaScript 一样在 $(document).ready() 中运行它。这是因为浏览器在menutable1 和button1 甚至存在之前执行它。我已经用可行的代码更新了上面的答案。

是的！这就是它所需要的。极好的。再次感谢您的帮助和快速回复！

@BrendenMcDougal 很高兴！