So verwenden Sie sowohl onclick als auch target=”_blank”

Lesezeit: 3 Minuten

Benutzer-Avatar
Patidati

Code ist wie folgt:

    <p class="downloadBoks" onclick="location.href="https://stackoverflow.com/questions/19588708/Prosjektplan.pdf"">Prosjektbeskrivelse</p>

Funktioniert so gut, aber es öffnet die Datei im selben Fenster. Ich möchte das target=”_blank” anwenden. Aber nach einigem Googlen komme ich immer noch nicht dahinter.

Benutzer-Avatar
Praveen Kumar Purushothaman

Verwenden Sie stattdessen window.open():

Die Syntax lautet:

window.open(strUrl, strWindowName[, strWindowFeatures]);

Ihr Code sollte Folgendes haben:

window.open("https://stackoverflow.com/questions/19588708/Prosjektplan.pdf");

Ihr Code sollte sein:

<p class="downloadBoks"
   onclick="window.open("https://stackoverflow.com/questions/19588708/Prosjektplan.pdf")">Prosjektbeskrivelse</p>

  • Nicht ganz richtig. Das target attrib ist nicht mehr veraltet. Ref: dev.w3.org/html5/markup/a.html; und a ist jeden Tag der Verwendung von a vorzuziehen p um mit Javascript auf eine Ressource zu verlinken.

    – Abhitalks

    25. Oktober 2013 um 11:41 Uhr


  • Ach ja… Das target-Attribut des a-Elements war in einer früheren HTML-Version veraltet, ist aber nicht mehr veraltet, da es in Webanwendungen nützlich ist, insbesondere in Kombination mit dem iframe-Element.

    – Praveen Kumar Purushothaman

    25. Oktober 2013 um 11:42 Uhr

  • Funktioniert nicht auf dem Handy und wird blockiert. Das ist viel schlimmer, als das Ziel leer zu lassen, um wie gewohnt zu arbeiten und auf das Ereignis zu warten.

    – Doppeljosch

    21. Oktober 2021 um 22:10 Uhr


  • Vergessen Sie nicht, return=false hinzuzufügen, um im Hauptfenster bei der gleichen URL zu bleiben (Ereignis verhindert Standard) => onclick=”window.open(‘Prosjektplan.pdf’);return false;”

    – Eosphäre

    30. Januar um 16:34 Uhr


  • @eosphere Nein! Nicht im Fall von <p>. Was ist das Standardereignis im Absatz, das Sie verhindern möchten? 😅

    – Praveen Kumar Purushothaman

    30. Januar um 16:45 Uhr

onclick="window.open('your_html', '_blank')"

  • ‘_blank’ ist in diesem Zusammenhang nutzlos

    – Eosphäre

    30. Januar um 16:36 Uhr

Benutz einfach window.open():

window.open("https://stackoverflow.com/questions/19588708/Prosjektplan.pdf")

Wie auch immer, was Jungs zu Kommentaren sagen, ist wahr. Verwenden Sie besser <a target="_blank"> statt Click-Events.

Sie können verwenden

        <p><a href="https://stackoverflow.com/link/to/url" target="_blank"><button id="btn_id">Present Name </button></a></p>

Die Methode window.open neigt dazu, Popup-Blocker zu beschweren

Ein besserer Ansatz ist:

Fügen Sie ein Formular mit einer ID in die Webseite ein

<form action="theUrlToGoTo" method="post" target="yourTarget" id="yourFormName">
</form>

Dann benutze:

function openYourRequiredPage() {
var theForm = document.getElementById("yourFormName");
theForm.submit();

}

und

onclick="Javascript: openYourRequiredPage()"

Sie können verwenden

method="post"

oder

method="get"

Wie du möchtest

  • Dies funktioniert auch nicht. Es wird als Popup erkannt und in allen gängigen Browsern blockiert

    – Bautsch

    28. Januar 2020 um 14:19 Uhr

  • Stellen Sie sicher, dass die zu öffnende Registerkarte https ist

    – Phil Allen

    30. Januar 2020 um 1:59 Uhr


  • Dies funktioniert auch nicht. Es wird als Popup erkannt und in allen gängigen Browsern blockiert

    – Bautsch

    28. Januar 2020 um 14:19 Uhr

  • Stellen Sie sicher, dass die zu öffnende Registerkarte https ist

    – Phil Allen

    30. Januar 2020 um 1:59 Uhr


1186020cookie-checkSo verwenden Sie sowohl onclick als auch target=”_blank”

This website is using cookies to improve the user-friendliness. You agree by using the website further.

Privacy policy