URL an Textbox anhängen und neues Fenster mit Javascript öffnen

Question

Eine Onclick-Funktion soll ein neues Fenster mit einem String und dem an die URL angehängten Textbox-Wert starten, aber es scheint nicht zu funktionieren. (Die Zeichenfolge füllt ein anderes Textfeld im neuen Fenster. Dies funktioniert jedoch ordnungsgemäß.)

Wenn ich window.location verwende, funktioniert es, aber ich möchte nicht, dass die Seite im selben Fenster geöffnet wird.

Ich bin sehr neu in Javascript, danke für Ihre Hilfe.

Javascript

function changeLocation(){ 
var textboxpw = document.getElementById("key"); 
window.open{'http://website.com?secret="+textboxpw.value), '_blank';} 

HTML

<input type="text" name="key" id="key" /> 
<input type="submit" value="Go" onclick="changeLocation(); return false;" /> 

Answer 1

function changeLocation(){ 
    var textboxpw = document.getElementById("key"); 
    window.open('http://website.com?secret='+encodeURIComponent(textboxpw.value), '_blank'); 
} 

Answer 2

Die encodeURIComponent() Funktion codiert eine Komponente URI.

Diese Funktion codiert Sonderzeichen.

Zusätzlich codiert es die folgenden Zeichen:

, /? : @ & = + $ #

Beispiel:

var uri = "http://w3schools.com/my test.asp?name=ståle&car=saab"; 
var res = encodeURIComponent(uri); 

Ausgang:

http% 3A% 2F% 2Fw3schools.com% 2Fmy% 20test.asp% 3Fname% 3Dst% C3% A5le% 26car% 3Dsaab

Die Methode open() öffnet ein neues Browserfenster.

Syntax: window.open (URL, Name, Spezifikationen, ersetzen)

Wenn Ihr Code-Block außer einem neuen Fenster gut funktioniert dann versuchen:

function changeLocation(){ 
    textboxpw = document.getElementById("key"); 
    url = encodeURIComponent('http://website.com?secret='+textboxpw.value); 
    window.open(url, '_blank'); 
}