Ouvrir le bouton dans la nouvelle fenêtre?
Comment faire pour ouvrir le bouton dans une nouvelle fenêtre, en émulant "a href, target = _blank"?
j'ai actuellement:
<button class="button" onClick="window.location.href='http://www.example.com';">
<span class="icon">Open</span>
</button>
Le bouton n'est pas dans une forme, je veux juste faire ouvrir dans une nouvelle fenêtre.
5 réponses
Ouvre une nouvelle fenêtre avec l'url que vous avez fourni :)
<button class="button" onClick="window.open('http://www.example.com');">
<span class="icon">Open</span>
</button>
espère que cela aide :)
je n'arrivais pas à faire fonctionner ta méthode @Damien-at-SF...
alors j'ai eu recours à mon ancienne connaissance.
en enveloppant le type d'entrée = "bouton" dans un élément d'hyperlien, vous pouvez simplement déclarer la propriété cible comme suit:
<a href="http://www.site.org" target="_blank">
<input type="button" class="button" value="Open" />
</a>
le' target=" _blank "' est la propriété qui permet au navigateur d'ouvrir le lien dans un nouvel onglet. Cet attribut possède d'autres propriétés, voir: http://www.w3schools.com/tags/att_a_target.asp pour plus de détails.
étant donné que l'attribut" value= "" sur les boutons écrira la chaîne contenue sur le bouton, une portée n'est pas nécessaire.
au lieu d'écrire:
<element></element>
pour la plupart des éléments HTML, vous pouvez simplement les fermer avec une barre oblique, comme ceci:
<element />
OH, et enfin... un élément 'bouton' a un déclencheur de rafraîchissement à l'intérieur, j'utilise donc un "type d'entrée[bouton]" pour éviter de déclencher le formulaire.
Bonne Chance Programmeurs.
en raison de la Politique de StackOverflow j'ai dû changer le domaine dans l'exemple: https://meta.stackexchange.com/questions/208963/why-are-certain-example-urls-like-http-site-com-and-http-mysite-com-blocke
<input type="button" onclick="window.open(); return false;" value="click me" />
http://www.javascript-coder.com/window-popup/javascript-window-open.phtml
vous pouvez y arriver en utilisant la méthode window.open() , en passant _blank comme un des paramètres. Vous pouvez consulter les liens ci-dessous qui a plus d'informations sur cette.
http://www.w3schools.com/jsref/met_win_open.asp
http://msdn.microsoft.com/en-us/library/ms536651 (v=vs 85).aspx
espérons que cela vous aidera.
si vous voulez strictement coller à l'utilisation du bouton,alors créez simplement une fonction de fenêtre ouverte comme suit:
<script>
function myfunction() {
window.open("mynewpage.html");
}
</script>
puis dans votre html faire ce qui suit avec votre bouton:
Rejoindre
donc vous auriez quelque chose comme ça:
<body>
<script>
function joinfunction() {
window.open("mynewpage.html");
}
</script>
<button onclick="myfunction()" type="button" class="btn btn-default subs-btn">Join</button>