Question

我正在研究卡拉OK视频分配，并希望找到一种使用JS在两个不同的index.html文档（一个用于合唱，一个用于诗歌）之间切换的方法。我对Javascript的了解有限，并且正在学习中。到目前为止，我认为我需要使用以下内容：

 $(document).ready(function () {
     window.setTimeout(function () {
          window.location.href = "index2.html";
     }, 5000);
 });

现在，我有用于合唱和经文的index1.html和index2.html。我在想用上述功能制作一个外部JS文件，该文件在x秒内显示index1.html，然后在另一个持续时间内显示index2.html。很抱歉，这个问题太简单或不清楚。仍然是初学者，因此请您给予任何帮助！谢谢！

Answer 1

您正在寻找的是：

window.location.replace('path/to/index2.html')

我不确定您的目录结构是什么样子，但是您可以传递相对或绝对路径。

Answer 2

您甚至不需要为此使用javascript，只需将其放在您的头部：

<meta http-equiv="refresh" content="5; url=index2.html">

它将在index2.html秒后重定向到5。 http-equiv的意思是“等效于HTTP标头”。如您所料，它也可以是服务器发送的http标头，因此您甚至可以提供纯txt文档，并使用服务器发送的标头切换它们。

如果您想使用javascript的功能，则无需在页面之间进行切换，只需隐藏一个或另一个非常简单的内容即可：

<pre id="verse1">
    verse 1 here
</pre>
<pre id="chorus" style="display: none">
    chorus here
</pre>
<script>
 $(function () {
    window.setTimeout(function () {
      $('#verse1').hide();
      $('#chorus').show();
    }, 5000);
 });
</script>

使用Javascript在文件之间切换？

2 个答案: