webentwicklung-frage-antwort-db.com.de

Wie verhält sich eine HTML-Schaltfläche wie ein Hyperlink?

Wie verhält sich eine HTML-Schaltfläche wie ein Hyperlink? Wenn Sie darauf klicken, wird ein Browserfenster geöffnet, in dem die gewünschte Seite angezeigt wird.

Ich verstehe so viel. Ich denke, ich werde dies verwenden, aber anstelle eines Links zu einem JavaScript-Code in den Anführungszeichen für "onclick" möchte ich etwas Einfaches einfügen, das ein neues Browserfenster öffnet.

15
xarzu

onclick und window.open

<input type="button" onclick="window.open('http://www.example.com','_blank','resizable=yes')" />
22
YOU
In Head:  
<script>
openNewWindow = function()
{
 window.open(url, "_blank");
};
</script>
In Body:    
<input type="button" onclick="openNewWindow()" >

Ich bevorzuge es, eine Funktion namens openNewWindow () zu definieren, anstatt den Code in das Eingabe-Tag zu schreiben. Dies ist für die Organisation. Ich empfehle Ihnen dringend, dies zu tun, wenn Sie viele verschiedene Schaltflächen zum Öffnen verschiedener Fenster planen.

9
Warty

Ich denke, das ist die beste Lösung für Sie.

Probieren Sie es aus

<a href="http://www.stackoverlfow.com" target="_"><input 
type="button" value="Click Me"/></a>

Viel Spaß beim Codieren !!

9
Ravia

Sie könnten so etwas tun:

window.open(url, "window-name", "menubar=no,innerWidth=600,innerHeight=600,toolbar=no,location=no,screenX=400,screenY=40");

Wenn Sie einen Namen an die geöffnete Methode übergeben, öffnet der Browser ein neues Fenster. Das dritte Argument definiert das Aussehen des neuen Fensters.

2
Kees de Kooter
<input type="button" value="Google"
       onclick="window.open('http://www.google.com', '_blank');" />
2
Josh Stodola

Ich weiß, dass ich sieben Jahre zu spät komme, aber ich hatte ein ähnliches Problem und dachte, ich kommentiere die, die vielleicht folgen.

Wenn Sie Bootstrap verwenden, können Sie Klassennamen für Bootstrap-Schaltflächen anhängen, um Tags zu verankern und sie wie Schaltflächen aussehen zu lassen:

<a href="path/file.ext" class="btn btn-md btn-link">I Look Like A Button</a>

Bootstrap unterstützt auch grundlegende Größen, einschließlich btn-sm oder btn-lg. Zugegeben, nicht jeder verwendet Bootstrap, aber selbst dann sind die Standardstile kostenlos, leicht zu finden und können in Ihr eigenes Stylesheet kopiert werden, selbst wenn Sie ein benutzerdefiniertes Boilerplate-Layout verwenden.

0