Javascript 动态更改正文内容

单击链接时，如何动态更改html页面的正文内容

我有3个html页面，如下所示：

<li><a id="homeContainer" href="#">Home</a></li>
<li><a id="testContainer" href='#'>test</a></li>
<li><a id="pageContainer" href="#">page</a></li>

如果我为所有页面创建一个单独的函数，那么这个方法就可以了。但是，如何让javascript函数在

load（）

函数中获取页面，而不是对其进行硬编码

[编辑]

我在这里删除了包含所有内容的整个页面，html、javascript和css：

---

我建议使用jquery用其他东西来改变你的身体。将jquery代码包含在以下内容中：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>

然后使用：

$('.mychange').append('<h2>Check it out</h2>');

---

我建议使用jquery用其他东西来改变你的身体。将jquery代码包含在以下内容中：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>

然后使用：

$('.mychange').append('<h2>Check it out</h2>');

尝试：

HTML

---

编辑

请使用JQuery尝试以下操作：

HTML

---

编辑

---

---

用JQuery试试这个，我在谷歌上搜索过，找不到任何例子。给我看看你发现了什么stranger@j08691，我试过谷歌，我没有找到任何关于如何做到这一点的例子。请详细解释你的意思。我在谷歌上搜索过，我找不到任何例子。给我看看你发现了什么stranger@j08691，我尝试了google，但没有找到任何关于如何实现这一点的示例。请详细解释使用

$的确切含义。get（）

您可以在查询字符串上传递参数。你也可以用

.post

做类似的事情。嗨，队长，很高兴看到有人把我当回事。我对上一个函数感兴趣，从另一个页面添加文本。我想在一个div中这样做。“数据”到底包含什么？

data

将包含整个网页

myhtmlpage.html

。

get

函数将从任何页面（即使是动态生成的页面）中提取。此外，您可以使用

data.find（“#specialSectionID”）

仅检索在

#specialSectionID

html元素中找到的html。使用

$.get（）

可以在查询字符串上传递参数。你也可以用

.post

做类似的事情。嗨，队长，很高兴看到有人把我当回事。我对上一个函数感兴趣，从另一个页面添加文本。我想在一个div中这样做。“数据”到底包含什么？

data

将包含整个网页

myhtmlpage.html

。

get

函数将从任何页面（即使是动态生成的页面）中提取。此外，您可以使用

data.find（“#specialSectionID”）

仅检索在

#specialSectionID

html元素中找到的html。您好，“li>a…”是打字错误吗？此外，这将在新页面中而不是在div容器中打开html页面。在href部分使用单引号和双引号。那是故意的吗？更多信息，html页面只包含纯文本，没有html标记。您好，我在JSFIDLE上发布了我的所有代码，请参阅我的第一篇文章中的链接。@Yustme not a type->search all

a

标记直接指向'li'标记的子项。。。看看“否”，我的意思是“输入错误”，因为你用了“li>”，我想它一定是“

”。但你的代码在那个链接中起作用了！谢谢你！没问题@Yustme，我的意思是我最后一句评论中的“打字错误”。但是打开选择器文档的链接，这真的很有趣。嗨，“li>a…”是打字错误吗？此外，这将在新页面中而不是在div容器中打开html页面。在href部分使用单引号和双引号。那是故意的吗？更多信息，html页面只包含纯文本，没有html标记。您好，我在JSFIDLE上发布了我的所有代码，请参阅我的第一篇文章中的链接。@Yustme not a type->search all

a

标记直接指向'li'标记的子项。。。看看“否”，我的意思是“输入错误”，因为你用了“li>”，我想它一定是“

”。但你的代码在那个链接中起作用了！谢谢你！没问题@Yustme，我的意思是我最后一句评论中的“打字错误”。但是打开选择器文档的链接，这真的很有趣。

<div class='mychange'></div> 

$('.mychange').append('<h2>Check it out</h2>');

$.get('myhtmlpage.html', function(data) {
    //do something after getting the result
    $('body').html($(data));
});

<li><a id="homeContainer" href="home.html">Home</a></li>
<li><a id="testContainer" href='test.html'>test</a></li>
<li><a id="pageContainer" href="page.html">page</a></li>

$(document).ready(function()
{
    $( 'li>a[id$="Container"]' ).click(function(event) 
    {
        event.preventDefault();
        var href = $(this).attr('href');
        alert("Loading " + href)
        $('#container').load(href);
        return false;
    });
});