使用JavaScript重定向到相同/不同的html页面

时间:2014-05-07 08:57:47

标签: javascript jquery html

我在重定向到html页面时遇到问题。我的情况是:

我有两个页面名为First.html&amp; Second.html。 Second.html包含一个返回的链接,即上一页。我已定义该链接的<b>href=""</b>属性。我在其goBack()事件上调用了JavaScript函数onClick()。在那里我编写了使用<b>window.location.href</b>重定向的代码。 Bcoz,我想做类似下面的事情:


1。当来自First.html的请求时,我必须从Second.html返回First.html

2. 当来自Second.html的请求时,我必须转到同一页面,即Second.html。 Second.html的div内容是使用JavaScript动态更改的,但页面相同。


我尝试过以下选项:

  1. window.location.href
  2. document.location.href
  3. location.href
  4. window.url
  5. window.location.replace(url)
  6. location.assign(url);
  7. 非常感谢任何帮助。

    由于

1 个答案:

答案 0 :(得分:0)

我自己得到了解决方案。

在first.html中

<a href="Second.html?p=First">

在Second.html中

<a href="" onclick=" return goBack()">Back</a>
<script>
    var p = window.location.href;
    var pre = p.substring(p.lastIndexOf('?') + 3, p.length);
    var same = "";
    //It changes the contents of Second.html' div tag
    someFunction()
</script>

在js文件中

按钮上有一个事件,通过调用someFunction()来实现

$(document).on('click', '.button1', function() {
    // some extra code
    same = "Second";
}

var diff;
function goBack() {
    if (same == "First") {
        diff = pre;
        pre = same;
    }
    if (pre == same) {
        location.href = "Second.html?p=" + diff;
        same = "";
    } else if (pre != 'Second') {
        location.assign("" + pre + ".html");
        diff = pre;
    } else {
        location.assign("" + diff + ".html");
    }
    return false;
}