Comment utiliser à la fois onclick et target = "_ blank"

Question

Le code est le suivant:

    <p class="downloadBoks" onclick="location.href='Prosjektplan.pdf'">Prosjektbeskrivelse</p>

Fonctionne bien comme ça, mais il ouvre le fichier dans la même fenêtre. Je veux appliquer le target = "_ blank". Mais après quelques recherches sur Google, je n'arrive toujours pas à comprendre.

Answer 1

Utilisez plutôt window.open() :

La syntaxe est:

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

Votre code doit avoir:

window.open('Prosjektplan.pdf');

Votre code doit être:

<p class="downloadBoks"
   onclick="window.open('Prosjektplan.pdf')">Prosjektbeskrivelse</p>

Answer 2

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

Answer 3

Utilisez simplement window.open() :

window.open('Prosjektplan.pdf')

Quoi qu'il en soit, ce que les gars disent sur les commentaires est vrai. Vous feriez mieux d'utiliser <a target="_blank"> au lieu d'événements de clic.

Answer 4

La méthode window.open est sujette à se plaindre des bloqueurs de popups

Une meilleure approche consiste à:

Mettez un formulaire dans la page Web avec un identifiant

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

Utilisez ensuite:

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

}

et

onclick="Javascript: openYourRequiredPage()"

Vous pouvez utiliser

method="post"

ou

method="get"

Comme vous le souhaitez