Die Verknüpfung zu einem bestimmten Teil einer web-Seite

Wie erstelle ich einen link zu einem Teil der lange Webseite auf einer anderen website, die ich nicht kontrollieren?

Ich dachte, Sie könnte verwenden eine Variante des #partofpage am Ende von meinem link. Irgendwelche Vorschläge?

Mögliche Duplikate von Wie bekomme ich einen link auf einen Teil der Seite? (hash?)
Link zu diesem Teil der Antwort verwenden Sie folgenden link stackoverflow.com/questions/15481911/...
Link zu diesem Teil der Seite verwenden Sie folgenden link stackoverflow.com/questions/15481911/...

InformationsquelleAutor mjmuk | 2013-03-18

  1. 38

    Fügen Sie einfach ein # gefolgt von der ID des <a> - tag (oder andere HTML-tag, wie ein <section>), dass Sie versuchen, zu bekommen. Zum Beispiel, wenn Sie versuchen, eine Verbindung zu den header in diese HTML:

    <p>This is some content.</p>
<h2><a id="target">Some Header</a></h2>
<p>This is some more content.</p>

    Können Sie den link <a href="http://url.to.site/index.html#target">Link</a>.

    Was ist, wenn ID mehrfach genutzt? Ich lief in eine MS-Website, die verwendet die id von id="in-closing">Some string</id> mehrere Male, wo Some string wurde eine neue Zeichenfolge ein paar mal.
    Dein HTML ist invalid, wenn es mehrere von id. Per definition id soll einzigartig sein, der tag
    Vielen Dank für die Klarstellung, @KolobCanyon! 🙂

    InformationsquelleAutor APerson

  2. 21

    Erstellen Sie eine "jump-link" verwenden Sie das folgende format:

    http://www.somesite.com/somepage#anchor

    Anker, wo ist die id von dem element, das Sie verknüpfen möchten auf dieser Seite. Verwenden Sie browser-development tools /Quelltext anzeigen zu finden, die id von dem element, das Sie verknüpfen möchten.

    Wenn das element nicht eine id haben und Sie nicht die Kontrolle, dass die Seite dann kannst du nicht.

    Was ist, wenn der spezifische Teil der Webseite der nicht über eine id zugeordnet werden?
    Dann müssen Sie die id für das element
    Kann ich eine id, die mit einem tag auf einer web-Seite im internet?
    Nein, wenn Sie wollen, dies zu tun, ist eine andere website, die Sie könnte versuchen, erstellen Sie eine benutzerdefinierte JS-bookmarklet Blättern Sie zu dem Teil, den Sie möchten, um zu Blättern. Sie können nicht den verankerten links funktionieren, wenn die ids nicht setup.
    Können Sie einen link auf etwas, das Sie oben angegeben haben, dies zu tun? Ich nicht getan habe, etwas in der Art vor.

    InformationsquelleAutor cowls

  3. 7

    Das ist nur möglich, wenn die Seite nicht erklärt hat Anker in der Seite.
    Es wird erreicht, indem ein tag-ein name oder id-Attribut, so suchen Sie solche in der Nähe, wo Sie möchten, zu verknüpfen.

    Dann wäre die syntax

    <a href="page.html#anchor">text</a>
    Die name Attribut wird nur unterstützt, auf die <a> element, und dieser ist veraltet in HTML 5.
    Es ist die Konzentration zu niedrig gezielt auf das element für mich. Hat jemand schon das gleiche passiert?

    InformationsquelleAutor fredrik

  4. 4

    Im Falle der Ziel-Seite auf der gleichen domain (d.h. Aktien die gleichen Ursprung mit Ihrer Seite) und Sie nichts dagegen Schaffung von neuen Registerkarten (1), können Sie (ab -) Nutzung einige JavaScript:

    <a href="javascript:void(window.open('./target.html').onload=function(){this.document.querySelector('p:nth-child(10)').scrollIntoView()})">see tenth paragraph on another page</a>

    Trivia:

    var w = window.open('some URL of the same origin');
w.onload = function(){
  //do whatever you want with `this.document`, like
  this.document.querySelecotor('footer').scrollIntoView()
}

    Arbeiten Beispiel für einen solchen 'nutzen' Sie können versuchen, jetzt könnte sein:

    javascript:(function(url,sel,w,el){w=window.open(url);w.addEventListener('load',function(){w.setTimeout(function(){el=w.document.querySelector(sel);el.scrollIntoView();el.style.backgroundColor='red'},1000)})})('https://stackoverflow.com/questions/45014240/link-to-a-specific-spot-on-a-page-i-cant-edit','footer')

    Geben Sie dies in die Adresszeile ein (Geist, Chrome entfernt javascript: Präfix beim einfügen aus der Zwischenablage) oder machen es zu einem href Wert jeder link auf dieser Seite (mit Entwickler-Tools) und klicken Sie darauf, bekommen Sie eine weitere (doppelte) Frage ALSO Seite gescrollt werden, um die Fußzeile und Fußzeile rot lackiert. (Verzögerung Hinzugefügt einen workaround für ajax-geladenen Inhalte drängen Fußzeile unten, nach dem laden.)

    Hinweise

    • Getestet in aktuellen Chrome-und Firefox), sollten in der Regel funktionieren, da es basierend auf den definierten standard-Verhalten.
    • Nicht dargestellt in der interaktiven snippet hier bei SO, weil Sie isoliert von der Seite origin-Weise.
    • MDN: Fenster.öffnen Sie()
    • (1) window.open(url,'_self') zu sein scheint, brechen die load Veranstaltung; im Grunde macht die window.open wie ein normaler a href="" klicken Sie auf die navigation; habe nicht recherchiert, mehr noch.

    InformationsquelleAutor myf

  5. 3

    Erste verfehlt den Gegner bezieht sich auf die BlockID gefunden im HTML-code oder Chrome developer tools, die Sie versuchen, zu verknüpfen. Jeder code ist anders und Sie müssen einige Graben, um zu finden die ID, die Sie versuchen, zu verweisen. Es sollte so Aussehen wie div class="page-container drawer-page-content" id"PageContainer"Beachten Sie, dass dies das format für die ganze referenzierte Abschnitt, nicht eine einzelne text oder Bild. Das zu tun, würden Sie brauchen, um zu finden, die das gleiche Stück code, der aber in Bezug auf Ihre Ziel-block. Zum Beispiel dv id="your-block-id" Sowieso war ich gerade Lesen über diesen thread und eine Idee kam mir in den Sinn, wenn Sie einen Shopify-Benutzer sind und wollen, um dies zu tun, es ist ziemlich viel die gleiche Sache wie gesagt.
    Aber statt 

    > http://url.to.site/index.html#target

    Setzen Sie

    > http://storedomain.com/target

    So bin ich zum Beispiel einrichten einer disclaimer-Seite mit links zu einer newsletter-Anmeldung und shopping blocks auf meiner Homepage, damit ich das einfügen https://mystore-classifier.com/#shopify-section-1528945200235 für meinen hyperlink.
    Bitte beachten Sie, dass die -Klassifikator ist für meinen internen Gebrauch und nicht für Sie gelten. Das ist einfach so ich kann verfolgen, meine Läden.
    Wenn Sie verknüpfen möchten, um etwas anderes als Ihre Startseite setzen Sie

    > http://mystore-classifier.com/pagename/#BlockID

    Ich hoffe, jemand gefunden wird, nützlich, wenn es etwas falsch mit meiner Erklärung lassen Sie mich bitte wissen, den ich bin kein HTML-Programmierer sein, meine Sprache ist C#!

    InformationsquelleAutor Ryan Buchanan

Schreibe einen Kommentar