点击按钮或链接时如何关注另一个html页面的特定部分 [英] How to focus on a particular portion of an another html page when click on a button or link

问题描述

首先，我想重定向到另一个页面，然后它必须重点关注，但首先是关注焦点，然后重定向到另一个页面（动态获取href值，我不想改变它）？建议我如何实现这个想法

 < a href =httP：// ...onclick =focusOnPage （）/> 
< script type =text / javascript> 
 function focusOnPage（）
 {
 var papers = document.getElementById（'someid'）; 
 papers.style.Display =''; 
 papers.scrollIntoView（）; 
 
  

解决方案

2笔记。

1. 在 href onclick c>重定向用户。 （您可以防止 href 在 onclick 函数中重定向。


2. 如果您想在之后重定向元素重定向，以便在用户点击链接时不会发生 focusOnPage 但在重定向后加载新页面之后。
   

类似这样：

 $ $ {$ c $} .load（scrollToFocus）;  

< script src = https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js\"> ;</script><h2>标题1< / h2> Lorem ipsum dolor sit amet，debitis maiestatis eu duo，dolores epicurei verterem cu per。有elle intelle gat elaboraret，te legendos发明postulant nec。一个legimus assentior disputando pri。 Ei omnis vulputate pertinacia nam。 Ex eos errem electram omittantur，eu ipsum mazim petentium qui，pri saepe congue id。 Pri quas lobortis ut。 Solum denique eu mea，ex viris incorrupte scriptorem vel。 Vix ne mucius mollis，没有saperet molestiae nec。 Ut aliquid efficiantur vim，sed primis oporteat。 Eos simul omnes at.Eum quod primis docendi te，sumo laudem melius te sea。中有elaboraret persequeris。 Et amet insolens contentiones vel，his ignota indoctum ex，idque saepe et pro。 Tation explicari accusamus eam ad，no cum nonumy cetero nonumes。 Vel consetetur repudiandaeei。现在，我们可以说， Regione fabulas signiferumque te quo，sed elitr numquam id。 Pro diceret civibus blandit ei。 Impetus euismod id cum，ea sea unum nullam intellegebat。 Ex dolorum utroque eam，vide laboraus persecutian cum。 Ut sea saperet结束了，audire sapientem sea ut。 Alii dicat placerat vim ut，vel te diceret expetenda liberavisse。有没有尼斯过敏。根据诚实守信，deleniti maluisset必需品暨。 Ex aas dicat nobis nec，ea vis melius argumentum repudiandae。< h2> Title 2< / h2> Lorem ipsum dolor sit amet，debitis maiestatis eu duo，dolores epicurei verterem cu per。有一个intellegat elaboraret，te legendos发明postulant nec。一个legimus assentior disputando pri。 Ei omnis vulputate pertinacia nam。 Ex eos errem electram omittantur，eu ipsum mazim petentium qui，pri saepe congue id。 Pri quas lobortis ut。 Solum denique eu mea，ex viris incorrupte scriptorem vel。 Vix ne mucius mollis，没有saperet molestiae nec。 Ut aliquid efficiantur vim，sed primis oporteat。 Eos simul omnes at.Eum quod primis docendi te，sumo laudem melius te sea。中有elaboraret persequeris。 Et amet insolens contentiones vel，his ignota indoctum ex，idque saepe et pro。 Tation explicari accusamus eam ad，no cum nonumy cetero nonumes。 Vel consetetur repudiandaeei。现在，我们可以说， Regione fabulas signiferumque te quo，sed elitr numquam id。 Pro diceret civibus blandit ei。 Impetus euismod id cum，ea sea unum nullam intellegebat。 Ex dolorum utroque eam，vide laboraus persecutian cum。 Ut sea saperet结束了，audire sapientem sea ut。 Alii dicat placerat vim ut，vel te diceret expetenda liberavisse。有没有尼斯过敏。根据诚实守信，deleniti maluisset必需品暨。 < h2 id =needToFocus>标题3< / h2> Lorem ipsum dolor sit amet，debitis maiestatis eu duo，dolores epicurei verterem cu per。有一个intellegat elaboraret，te legendos发明postulant nec。一个legimus assentior disputando pri。 Ei omnis vulputate pertinacia nam。 Ex eos errem electram omittantur，eu ipsum mazim petentium qui，pri saepe congue id。 Pri quas lobortis ut。 Solum denique eu mea，ex viris incorrupte scriptorem vel。 Vix ne mucius mollis，没有saperet molestiae nec。 Ut aliquid efficiantur vim，sed primis oporteat。 Eos simul omnes at.Eum quod primis docendi te，sumo laudem melius te sea。中有elaboraret persequeris。 Et amet insolens contentiones vel，his ignota indoctum ex，idque saepe et pro。 Tation explicari accusamus eam ad，no cum nonumy cetero nonumes。 Vel consetetur repudiandaeei。现在，我们可以说， Regione fabulas signiferumque te quo，sed elitr numquam id。 Pro diceret civibus blandit ei。 Impetus euismod id cum，ea sea unum nullam intellegebat。 Ex dolorum utroque eam，vide laboraus persecutian cum。 Ut sea saperet结束了，audire sapientem sea ut。 Alii dicat placerat vim ut，vel te diceret expetenda liberavisse。有没有尼斯过敏。根据诚实守信，deleniti maluisset必需品暨。 Ex suas dicat nobis nec，ea vis melius argumentum repudiandae。

first i want to redirect to another page then it has to focus but first it is focusing and after that it is redirecting to another page (dynamically i am getting href values i dont want to change that)? suggest me the ideas how to achieve this

<a href="httP://..." onclick="focusOnPage()" />
<script type="text/javascript">
 function focusOnPage()
 {
   var papers=document.getElementById('someid');
   papers.style.Display='';
   papers.scrollIntoView();
 }

解决方案

2 Notes.

1. The onclick function firing before the href redirect the user. (You can prevent the href redirect in onclick function.
2. If you want to focus the element after the redirect so your function focusOnPage should not occur when the user clicked on the link, but after the new page loaded after the redirect.

Something like this:

function scrollToFocus() {
  $('html, body').animate({
    scrollTop: $('#needToFocus').offset().top
  }, 1000);
}

$(window).load(scrollToFocus);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<h2>Title 1</h2>
Lorem ipsum dolor sit amet, debitis maiestatis eu duo, dolores epicurei verterem cu per. Has ea intellegat elaboraret, te legendos invenire postulant nec. An legimus assentior disputando pri. Ei omnis vulputate pertinacia nam. Ex eos errem electram omittantur,
eu ipsum mazim petentium qui, pri saepe congue id. Pri quas lobortis ut. Solum denique eu mea, ex viris incorrupte scriptorem vel. Vix ne mucius mollis, no saperet molestiae nec. Ut aliquid efficiantur vim, an sed primis oporteat. Eos simul omnes at.
Eum quod primis docendi te, sumo laudem melius te sea. In has elaboraret persequeris. Et amet insolens contentiones vel, his ignota indoctum ex, idque saepe et pro. Tation explicari accusamus eam ad, no cum nonumy cetero nonumes. Vel consetetur repudiandae
ei. Quo semper facilisi ne, quod delenit repudiandae duo ad. Regione fabulas signiferumque te quo, sed elitr numquam id. Pro diceret civibus blandit ei. Impetus euismod id cum, ea sea unum nullam intellegebat. Ex dolorum utroque eam, vide laboramus persecuti
an cum. Ut sea saperet concludaturque, audire sapientem sea ut. Alii dicat placerat vim ut, vel te diceret expetenda liberavisse. Has nisl justo sensibus ut. Per an graece honestatis, deleniti maluisset necessitatibus an cum. Ex suas dicat nobis nec,
ea vis melius argumentum repudiandae.


<h2>Title 2</h2>
Lorem ipsum dolor sit amet, debitis maiestatis eu duo, dolores epicurei verterem cu per. Has ea intellegat elaboraret, te legendos invenire postulant nec. An legimus assentior disputando pri. Ei omnis vulputate pertinacia nam. Ex eos errem electram omittantur,
eu ipsum mazim petentium qui, pri saepe congue id. Pri quas lobortis ut. Solum denique eu mea, ex viris incorrupte scriptorem vel. Vix ne mucius mollis, no saperet molestiae nec. Ut aliquid efficiantur vim, an sed primis oporteat. Eos simul omnes at.
Eum quod primis docendi te, sumo laudem melius te sea. In has elaboraret persequeris. Et amet insolens contentiones vel, his ignota indoctum ex, idque saepe et pro. Tation explicari accusamus eam ad, no cum nonumy cetero nonumes. Vel consetetur repudiandae
ei. Quo semper facilisi ne, quod delenit repudiandae duo ad. Regione fabulas signiferumque te quo, sed elitr numquam id. Pro diceret civibus blandit ei. Impetus euismod id cum, ea sea unum nullam intellegebat. Ex dolorum utroque eam, vide laboramus persecuti
an cum. Ut sea saperet concludaturque, audire sapientem sea ut. Alii dicat placerat vim ut, vel te diceret expetenda liberavisse. Has nisl justo sensibus ut. Per an graece honestatis, deleniti maluisset necessitatibus an cum. Ex suas dicat nobis nec,
ea vis melius argumentum repudiandae.

<h2 id="needToFocus">Title 3</h2>
Lorem ipsum dolor sit amet, debitis maiestatis eu duo, dolores epicurei verterem cu per. Has ea intellegat elaboraret, te legendos invenire postulant nec. An legimus assentior disputando pri. Ei omnis vulputate pertinacia nam. Ex eos errem electram omittantur,
eu ipsum mazim petentium qui, pri saepe congue id. Pri quas lobortis ut. Solum denique eu mea, ex viris incorrupte scriptorem vel. Vix ne mucius mollis, no saperet molestiae nec. Ut aliquid efficiantur vim, an sed primis oporteat. Eos simul omnes at.
Eum quod primis docendi te, sumo laudem melius te sea. In has elaboraret persequeris. Et amet insolens contentiones vel, his ignota indoctum ex, idque saepe et pro. Tation explicari accusamus eam ad, no cum nonumy cetero nonumes. Vel consetetur repudiandae
ei. Quo semper facilisi ne, quod delenit repudiandae duo ad. Regione fabulas signiferumque te quo, sed elitr numquam id. Pro diceret civibus blandit ei. Impetus euismod id cum, ea sea unum nullam intellegebat. Ex dolorum utroque eam, vide laboramus persecuti
an cum. Ut sea saperet concludaturque, audire sapientem sea ut. Alii dicat placerat vim ut, vel te diceret expetenda liberavisse. Has nisl justo sensibus ut. Per an graece honestatis, deleniti maluisset necessitatibus an cum. Ex suas dicat nobis nec,
ea vis melius argumentum repudiandae.

这篇关于点击按钮或链接时如何关注另一个html页面的特定部分的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！