使用Javascript在本地HTML文件之间导航

使用Javascript在本地HTML文件之间导航,javascript,jquery,html,Javascript,Jquery,Html,我想知道如何从一个页面切换到另一个页面,这两个本地文件在我的电脑在一个HTML文件 我想我会把一个用HTML制作的按钮链接到脚本上,但不幸的是我不知道从哪里开始 我试图导航到的文件是“About_Us.html”检查属性 <a href="About_Us.html">Visible Text Here</a> <!-- You might need to use a different path if the file is in a different dire

我想知道如何从一个页面切换到另一个页面,这两个本地文件在我的电脑在一个HTML文件

我想我会把一个用HTML制作的按钮链接到脚本上,但不幸的是我不知道从哪里开始

我试图导航到的文件是“About_Us.html”

检查属性

<a href="About_Us.html">Visible Text Here</a>
<!-- You might need to use a different path if the file is in a different directory, for example href="../About_Us.html" -->

一种快速使用按钮来完成此操作的方法

<input type=button onClick="location.href='About_Us.html'" value='Visible Text Here'>

如果我是正确的,您需要一个脚本,可以在您的计算机上加载任意
.html
,但也可以切换回

使用iFrame
您可以使用按钮切换iFrame的
src
属性。。 查看此js小提琴:

我所做的一切就是使用jQuery更改“iframe”的“src”(这是一个非常有用的JS库,您应该学习)


例子 两个按钮。。。1 iFrame

<iframe src="no_where_yet"></iframe>

第一个按钮:更改iFrame以转到cnn.com 变化:

<iframe src="no_where_yet"></iframe>
<iframe src="http://cnn.com"></iframe>

致:


第二个按钮:更改iFrame以转到w3schools.com 变化:

<iframe src="no_where_yet"></iframe>
<iframe src="http://cnn.com"></iframe>

致:



从一个页面切换到另一个页面是什么意思?您能包括到目前为止编写的代码吗?听起来您可能希望使用javascript在第二页的隐藏显示和可见显示之间切换。如果您复制代码,您将获得更好的响应:)当我开始使用stackoverflow sscce.org时,这对我非常有帮助。我如何使用标记将其放入可单击按钮中?我只是包括了一种方法,我觉得这更符合我的要求,但不幸的是,我不太明白你的意思,你在about.html中写了“然后在about.html中,有…”这部分我知道怎么做,我会认为自己在html方面很有能力,但我不知道你在说什么修改了我的答案。。。我把它简化了。。。阅读我刚才添加的示例。。我试图更好地解释它。。。因为当你修改一个src属性时,它不会重新加载网页,它只会用新的网站cheers重新加载iframe,好吧,这使它更容易,但不幸的是,这不是我想要的,cheers,看起来我现在必须坚持使用好的ol标签,直到我做得更好,谢谢