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

标签 javascript html css iframe

我有一个问题,我正在使用 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/

相关文章:

css - 如何在CSS中设置DIV的背景图片?

javascript - 使用打印机边距和内容之间的自定义间距打印 html

css - 如何使用 css 中的剪辑来混合两个图像?

c# - 分组为数组

javascript - global-RegExp `Array.prototype.match()` 的意外行为

html - 创建一个水平滚动的菜单栏

html - Css 将 border none 设置为最后一个表 tr

javascript - 在 BackboneJS 中调用 render() 的适当方式

javascript - 使用 Javascript 垂直居中 div(可变高度)

html - 如何将 python dash 应用程序嵌入到 HTML 网页