使用window.location.href后，如何将焦点设置在div上？

Question

我想在使用div之后将注意力集中在window.location.href上......我该怎么做？我尝试了下面的代码，但它只在window.location.href上运行，而不是专注于特定的div。

<script type='text/javascript'>
   window.location.href="web_manage.php";

   $(function(){
      $("#tab2").focus();
   });

</script>

Answer 1

我建议：

window.location.href="web_manage.php#tab2";

但这需要接收页面（更新window.location将始终加载新页面）以实现基于其id，哈希显示该元素的方法，存在于URL中。

也许用CSS：

#tab2:target {
    display: block;
    background-color: #ffa;
}

或者使用jQuery（因为你已经在使用它了）：

$('#' + document.location.hash).show();

Answer 2

首先，下面的代码

window.location.href="web_manage.php";

将无效，因为您将导航到另一个页面。

同样.focus（）对div不起作用。

如果您想要关注该特定div，则在另一页中使用以下代码

$('html, body').animate({ scrollTop: $('#tab2').offset().top }, 'slow');