2015-04-05 237 views
0

我对JavaScript很陌生。我试图让一个HTML按钮做的两件事情(同时)点击时:输入类型按钮返回历史记录返回页首

1)返回,同时保留用户输入(有上一个页面中的表单)。

2)转到上一页的顶部。

以下是我有:

<input type="button" value="Go Back" onclick="javascript:history.go(-1); location.href='#'" /> 

UPDATE:

<script type="text/javascript"> 
function goBack() { 
    window.history.go(-1); 
    window.location.href = "#"; 
} 
</script> 

<input type="button" value="Go Back" onclick="goBack()"> 

虽然在单击时按钮不会做任何事情。

回答

0

作为替代方案,我只是放在一个前“返回顶部”按钮vious页面以确保它适用于所有浏览器。

1

这是代码做什么:

1)返回,同时保留用户输入(有上一个页面中的表单)。

2)进入当前页面的顶部。

所以,第一个动作被第二个动作取消。

你需要什么是做在目标页面中的上页转到顶部在页面加载时的第二个步骤,即代码。

在当前页面,你会刚:

<input type="button" value="Go Back" onclick="javascript:history.go(-1);" /> 

在前面的页面,你就会有一个脚本:

window.onload = function(){ 
    window.scrollTo(0, 0); 
}; 

(该脚本会自然也跑当页面最初加载(这是之前的“前一页”),但由于随后的页面已经在顶部,这不是一个问题。)

+0

啊,是的,“前”页面已经成为第2步:在“当前”页面是否有可能只是呼吁,做了两件事情已经是'onclick'属性的功能? – silver 2015-04-05 09:40:01

+1

@ohtph:问题是上一页还没有成为当前页面。当代码运行时,当前页面仍然是当前页面。你不能在当前页面上进行下一页将要加载的页面(这是本例中的上一页),你必须在页面加载完成后才能做到这一点。 – Guffa 2015-04-05 09:50:27

+0

你是对的,我试了一个函数,结果仍然是一样的(见更新)。您可以通过代码示例更新您的答案吗?这将非常感激。 :) – silver 2015-04-05 09:59:14