URLをテキストボックスに追加し、JavaScriptを使用して新しいウィンドウを開く

Question

onclick関数は、新しいウィンドウに文字列を追加し、テキストボックスの値をurlに追加するが、動作しないようだ。

私はwindow.locationを使用すると動作しますが、同じウィンドウでページを開くことはしたくありません。

私は非常にJavascriptを新しくしています。ご協力いただきありがとうございます。

の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

encodeURIComponentで（）関数はURIコンポーネントをコードします。

この機能は、特殊文字をエンコードします。また

、それは次の文字をエンコードする：

、/？ ：@ & = + $＃

例：

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

出力：

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

open（）メソッドは新しいブラウザウィンドウを開きます。

構文：あなたのコードブロックは、次にしようと、新しいウィンドウを除いて正常に動作している場合window.open

を（URL、名前、スペックは、交換してください）：この[URL

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