创建一个在其下保持加载页面的菜单

如何解决创建一个在其下保持加载页面的菜单

我的问题是，我正在尝试为我的网站创建一个菜单。我需要做的是让菜单始终位于每个页面的顶部，而不是加载到同一个 Iframe 中。我尝试过 Iframe，但它所做的只是很好地加载索引页面';但是如果我点击一个菜单项，它会在 iframe 中加载下一页，而不是我需要的。您在下面看到的不是实时的，它只是我在 DreamWeaver 中的测试页。

我也试过一个下拉菜单，但结果不好。我正在使用 base.html，所以这样我就不必编辑 25 个其他页面菜单，而是使用一个。请帮助我在这里失去理智。

如果还有什么我可以尝试的，请告诉我，非常感谢。附言有点新，20年前与Frontpage合作。刚刚回到这个。

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta name="GENERATOR" content="DreamWeaver 2021">
<title>Welcome to the Ohiopowmia.com Website</title>
    <body background="images/powmiabg.jpg">
</head>
<body>
<iframe src="https://www.ohiopowmia.org/base.html" target="_parent"style="border:none;" height="320" width="100%" title="Main Menu">
</iframe>
    <font size="5"><b>WE'RE BACK!!!!!!!!!</b></font></p>
<p align="center" style="margin-top: 0; margin-bottom: 0"><b>
In 2007 Ohiopowmia.com went offline,we had some issues with the host,and then the I lost my full time employment and was unable to keep the site.  After much debate we decided against letting someone else take over the site,and with the feeling we could not keep up the site and do it justice,we would allow the site to disappear from the web.  We have tried over the years to reopen the site but we could not keep it managed.<br><br>
On Dec 1st,2020 the sites inspiration,Marilyn Grote,passed away leaving a empty space in all of our lives.  I decided as a way to honor her and what she stood for I was going to reopen,and maintain,this site once and for all in her memory and the memory of all the hero's who did not come home!.<br><br>
    <BR>
        <img src="images/mom.jpg" height="300" width="300"> <BR><BR>
        With the help of the sites new President,Richard,over the next few weeks/months you will see a completely redone site and we will strive to keep updates on here as much as possible.  Please be patient with us as we begin to get the site back up to it’s full glory<BR> <BR>
</p>
  </body>
 
</html>

IFRAME base.html top click on menu item load bottom but doesnt work

解决方法

不确定这是否是您要查找的内容，但是您可以为 iframe 中的链接添加点击事件，例如

<a id="to-about-page">Pow/Mia Website</a>

然后在你的 iframe 的 js 中

var toAbout = document.querySelector('#to-about-page');

toAbout.onclick = function(event) {
  event.preventDefault();
  var redirectUrl = 'some-url-you-want-to-go-to-in-your-parent-window.com';
  if (window.parent === window) {
    window.location.href = redirectUrl;
  }
}

告诉我这是否有效

创建一个在其下保持加载页面的菜单

如何解决创建一个在其下保持加载页面的菜单

解决方法

相关推荐