Dus dit is de eenvoudige code voor de knop om een bepaalde link te openen
<button class="btn btn-success" onclick="location.href='http://google.com';"> Google</button>
maar het opent het op dezelfde pagina, ik wil echter dat de link op een nieuw tabblad wordt geopend.
Antwoord 1, autoriteit 100%
U kunt het volgende gebruiken.
window.open(
'https://google.com',
'_blank' // <- This is what makes it open in a new window.
);
in HTML
<button class="btn btn-success" onclick=" window.open('http://google.com','_blank')"> Google</button>
Antwoord 2, autoriteit 23%
Met Bootstrap kun je een anker als een knop gebruiken.
<a class="btn btn-success" href="https://www.google.com" target="_blank">Google</a>
En gebruik target="_blank"om de link in een nieuw tabblad te openen.
Antwoord 3, autoriteit 8%
Je kunt dit ook aan je formulier toevoegen:
<form action="https://www.google.com" target="_blank">
Antwoord 4, autoriteit 5%
Probeer onderstaande code te gebruiken:
<button title="button title" class="action primary tocart" onclick=" window.open('http://www.google.com', '_blank'); return false;">Google</button>
Hier, het window.openmet _blankals tweede argumentvan window.openfunctie opent de link in een nieuw tabblad.
En door het gebruik van return falsekunnen we het standaardgedrag van de knop, zoals verzenden, verwijderen/annuleren.
Voor meer details en een live voorbeeld, klik hier
Antwoord 5, autoriteit 2%
Gebruik ‘_blank’. Het opent niet alleen de link in een nieuw tabblad, maar de staat van de originele webpagina blijft ook onaangetast.
Antwoord 6, autoriteit 2%
Als je een nieuw tabblad met een knop wilt openen, hoef je alleen maar een van deze opties te kiezen:
- Link openen in een nieuw tabblad hmtl:
<a href="https://insert.url" target="_blank">The Website Linked</a>
- Knop link openen in nieuw tabblad:
<button class="btn btn-success" onclick=" window.open('http://google.com','_blank')"> Google</button>
- Nieuw tabblad openen bij klikken op link html:
<!-- add target="_blank" to open new tab when link is clicked [in HTML]-->
<a href="YourLink" target="_blank">YourText</a>
Antwoord 7
Probeer deze code.
<input type="button" value="Open Window"
onclick="window.open('http://www.google.com')">
Antwoord 8
Probeer dit
window.open(urlValue, "_system", "location=yes");
Antwoord 9
Als je in een mopshond zit:
html
head
title Pug
body
a(href="http://www.example.com" target="_blank") Example
button(onclick="window.open('http://www.example.com')") Example
En als je de Semantische gebruikersinterface puggin:
html
head
title Pug
link(rel='stylesheet' href='https://cdn.jsdelivr.net/npm/[email protected]/dist/semantic.min.css')
body
.ui.center.aligned.container
a(href="http://www.example.com" target="_blank") Example
.ui.center.aligned.container
.ui.large.grey.button(onclick="window.open('http://www.example.com')") Example
Antwoord 10
Dit werkte voor mij.
onClick={() => {window.open('https://www.google.com/');}}