2011-01-10 18 views
22

Co powinienem zrobić, aby przycisk otworzyć w nowym oknie, naśladując "a href, target = _blank"?Otwórz przycisk w nowym oknie?

Obecnie mam:

<button class="button" onClick="window.location.href='http://www.site.com';"><span class="icon">Open</span></button> 

Przycisk nie jest w formie, po prostu chcę, aby go otworzyć w nowym oknie.

Odpowiedz

59

Otwiera się nowe okno z adresem URL podałeś :)

<button class="button" onClick="window.open('http://www.site.com');"><span class="icon">Open</span></button> 

nadzieję, że pomoże :)

+0

Dodać "return false;" po wydarzeniu onClick, aby uniknąć przesyłania formularza. – joseantgv

+1

Z OP: 'Przycisk nie ma formy". Ale tak, dobra uwaga. –

5

nie mogłem dostać metoda pracy @ Damien-at-SF ...

więc uciekają się do mojego starego wiedzy.

Przez obudowywania = „button” input type wewnątrz elementu hiperłącza, można po prostu zadeklarować obiekt docelowy jako tak:

<a href="http://www.site.org" target="_blank"> 
<input type="button" class="button" value="Open" /> 
</a> 

„target =«_ blank»” to właściwość, która sprawia, że ​​przeglądarka otwórz link w nowej karcie. Ten atrybut ma inne właściwości. Aby uzyskać więcej informacji, zobacz: http://www.w3schools.com/tags/att_a_target.asp.

Ponieważ atrybut "value =" "" na przyciskach zapisze zawarty ciąg w przycisku, zakres nie jest konieczny.

Zamiast pisać:

<element></element> 

dla większości elementów HTML można po prostu zamknąć je za pomocą ukośnika, tak:

<element /> 

Aha, i wreszcie ... A 'przycisk' element ma w sobie wyzwalacz odświeżania, więc używam "typu wejściowego [przycisku]", aby uniknąć wyzwalania formularza.

Powodzenia programiści.

Ze względu na politykę StackOverflow za musiałem zmienić domenę na przykład: https://meta.stackexchange.com/questions/208963/why-are-certain-example-urls-like-http-site-com-and-http-mysite-com-blocke

3

Jeśli ściśle chcą trzymać się za pomocą przycisku, to po prostu stworzyć otwartą funkcji okna w następujący sposób:

<script> 
function myfunction() { 
    window.open("mynewpage.html"); 
} 
</script> 

Następnie w html wykonaj następujące czynności z przycisku:

Dołącz

Więc miałby coś takiego:

<body> 
    <script> 
function joinfunction() { 
    window.open("mynewpage.html"); 
} 
</script> 
<button onclick="myfunction()" type="button" class="btn btn-default subs-btn">Join</button> 
Powiązane problemy