gpt4 book ai didi

javascript - 用外部页面替换 innerhtml

转载 作者:塔克拉玛干 更新时间:2023-11-02 22:36:15 24 4
gpt4 key购买 nike

我有一个页面,其中包含一个用于导航的页眉 div、一个用于内容的内容 div 和一个仅包含一些静态信息的页脚 div。

想法是,当您单击标题栏中的内容时,内容 div 会相应地更改其内容。我想将每个内容元素存储在它自己的文件中,以便于开发。我该如何填写我在下面编写的这个 magicLoad 函数?

我目前没有使用任何框架(我想到了 jquery),但我肯定不反对使用一个框架。如果我在这里违反了其他最佳实践,我也很想知道,但我的主要目标是从外部页面加载。我该怎么做?

这是我目前设置的基本骨架模型。 (当然不止这 3 个,但这些足以说明要点。)

<html>
<script type="text/javascript">
function show(which) {
document.getElementById(which).innerHtml = magicLoad(which + ".html");
return false;
}
function showHome() { show('home'); return false;} // for onload

</script>
<body>
<div id="header">
<a href="javascript:void(0)" onclick="show('home')">HOME</a> |
<a href="javascript:void(0)" onclick="show('training')">TRAINING</a> |
<a href="javascript:void(0)" onclick="show('audits')">AUDITS</a>
</div>
<div id="content">

</div>
<div id="footer">

</div>
</body>
<script> window.onload=showHome; </script>
</html>

最佳答案

使用下面的,简单直接

$('#which').load('test.html');

如果哪个作为参数出现

$('#'+which).load('test.html');

关于javascript - 用外部页面替换 innerhtml,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11113119/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com