gpt4 book ai didi

javascript - 在保持相同标题的同时加载不同的页面

转载 作者:太空宇宙 更新时间:2023-11-04 01:06:58 25 4
gpt4 key购买 nike

我有一个问题,我正在使用 html、css 和 javascript 制作我的第一个作品集。它只是一个简单的网站,带有带有导航菜单的标题和包含我的一些信息的正文,我想知道是否有除了 iframe 之外,每次我单击链接时只加载正文而不影响标题的方法:

<header>
<nav>
Home, about me, etc
</nav>
</header>
<body>
this is my home page
</body>

最佳答案

要真正进入一页应用程序开发,使用像 Angularjs 这样的库确实可以做到这一点。如果你只需要一些非常简单的东西,你可以使用 jQuery 加载函数。例如:

<body>
<button id="home">Home</button>
<button id="about">About</button>
<button id="examples">Examples</button>
<div id="content">
this is my home page
</div>
</body>

<script language="Javascript">
$("#home").click(function() {
$( "#content" ).load( "home.html" ); //Load all retrieved content
});
$("#about").click(function() {
//Only load content from a specific node
$( "#content" ).load( "about.html #desc" );
});
$("#examples").click(function() {
//More specific loading of node
$( "#content" ).load( "examples.html #storeMain .container" );
});



</script>

关于javascript - 在保持相同标题的同时加载不同的页面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51977355/

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