切换到不同的页面而不重新加载?

时间:2015-02-15 23:55:54

标签: javascript html css

我需要帮助弄清楚如何将不同的页面加载到当前的浏览器窗口中。基本上,我制作了一个主屏幕页面和实际的游戏页面。

主页:http://jsfiddle.net/f7mL6wfu/2/

游戏页面:http://jsfiddle.net/brwsrr6s/

我希望主页上的按钮将当前页面更改为游戏页面。有没有办法让这种情况发生?所以,在我的主页上,我需要这样的东西:

var btn = document.getElementById('btn');
btn.addEventListener('click', function() {
    // Code to load a different page into the window theoretically goes here
});

非常感谢任何帮助。

1 个答案:

答案 0 :(得分:1)

这很简单,使用JavaScript函数window.location,如下面的代码所示:

window.location="http://www.example.com/";

此代码段使用Locaion对象,其中包含有关当前URL的信息。可以通过window.location属性访问它。

点击此答案旁边的复选标记,如果它是提供信息或以任何方式帮助您。