如何使用Javascript将HTML代码加载到表中？

我正在建立一个简单的网站，它由一个标题（标题和菜单）和一个表格组成，内容放在其中（因为这样我可以使布局更简单）。问题是，每次我更改类别（单击菜单中的链接），整个站点在加载时会在短时间内变为白色。我希望这样不会发生这种情况，所以我只需要加载表的内容，而不是整个页面。我想这可以很容易地用框架来完成，但我被告知它们很快就会停止被支持，使用它们是一种不好的做法。有办法做到这一点吗

目前，网站就在这里，所以你可以看到我所说的效果：http://bljak.org:1235/index.html.

---

另外，如果站点只是HTML和Javascript，那就最好了，因为我对PHP不太熟悉（我正在一个512Mb内存的上网本上编码，所以我怀疑我是否可以在那里启动服务器）。

你可以使用innerHTML重写标记和关闭标记之间的文本：

<script type="text/javascript">
function changeText(){
    document.getElementById('tbl').innerHTML = '<table><tr><td>New Text</td></tr></table>';
}
</script>
<div id="tbl"></div> 
<input type="button" onclick="javascript:changeText()" value="Change Text"/>

函数changeText（）{
document.getElementById（'tbl'）.innerHTML='newtext'；
}

我将基于jQuery让路——这是最简单、最短的方法

首先，下载最新的jQuery库-可以找到

假设您将本地文件命名为“jquery.min.js”，在现有HTML代码中有这样一行代码“包含”jquery库：

<script type="text/javascript" src="jquery.min.js"></script>

现在，您只需在页面中输入以下代码即可：

<script type="text/javascript">
    $(document).ready(function() {
        $("a").bind("click", function() {
            var href = $(this).attr("href");

            //bust nasty browser AJAX cache:
            href += "?nnn=" + parseInt(Math.random() * 1000000);

            $("#Container").load(href);
            return false;
        });
    });
</script>

$（文档）.ready（函数（）{
$（“a”）.bind（“单击”，函数（）{
var href=$（this.attr（“href”）；
//使用浏览器AJAX缓存：
href+=“？nnn=“+parseInt（Math.random（）*1000000）；
$（“#容器”）.load（href）；
返回false；
});
});

将容器替换为页面中应包含“正文”的实际元素的ID，然后单击任何链接将导致链接页面加载到容器中，而不会重新加载整个页面

代码非常简单，尽管如此，如果您想了解其中的任何部分，请随时询问

---

jQuery不到100K，所以在现代互联网速度下，它真的应该不会有任何问题-纯JavaScript当然是可能的，但在跨浏览器运行时会引起很多头痛。

不知道人们仍然以这种方式创建网站，除了tor浏览器！！！但是您可以使用jQuery.Ajax（{}）；但是这可能有点过头了。这样做有什么不好的地方吗？是的，当然。但是，这意味着我需要将整个HTML页面（或只是一个表）复制到单个语句中，而进行更改将有点痛苦。。。我正在寻找类似的东西，但没有直接输入代码。另外，当我试图将该表复制到引号中时，它在某个地方（引号）有点断裂……这就是我要找的。非常感谢你！干杯@bane，很高兴我能帮忙。：）但是，似乎存在错误：XMLHttpRequest无法加载file:///C:/Documents%20and%20Settings/user/Desktop/Latinski/izgovorigs.html. 访问控制允许原点不允许原点为null。我该怎么做？这意味着什么？@bane-你应该在某种服务器下运行它-当你上传到你真正的域名时，它会工作。为了能够在本地进行测试，我担心您必须安装web服务器。@bane看起来是一篇很棒的文章，如果您在阅读后仍有问题，请告诉我。：）