HTMLリンク内に変数を追加することをお探しですか？

Question

私の無知を恐れていますが、本当にありがとうございます。

私はHTMLに新しいので、HTMLリンク内に変数を追加しようとしています（例：http://www.google.com/変数 /）。

変数はテキストタイプで、検索バーに何かを入力するとテキストを置き換えたいと思っています。

（例：「車」を検索し、www.google.com/carsを持っている）私はこれを

任意の考えを開始することができますか？ 非常に高く評価されています。 javascript関数以下

Answer 1

書き込み：

function set(me) 
    { 
     var link = 'http://www.google.com/'; 
     document.getElementById('result').value = link + me.value; 
    } 

私が説明するために、以下のHTMLの行を書いた：

<div> 
    <input type="text" id="test" onkeyup="set(this);" /> 
    <input type="text" id="result" /> 
</div> 

必要に応じて、あなたはonkeyupのかのonchangeイベントでこの関数を呼び出すことができます。

Answer 2

あなたのHTMLに含めてください。

<form method="get" action="http://www.google.com/search"> 
 
\t <div style="border:1px solid black;padding:4px;width:20em;"> 
 
\t \t <table border="0" cellpadding="0"> 
 
\t \t \t <tr> 
 
\t \t \t \t <td> 
 
\t \t \t \t \t <input type="text" name="q" size="25" maxlength="255" value="" /> 
 
\t \t \t \t \t <input type="submit" value="Search in Google" /> 
 
\t \t \t \t </td> 
 
\t \t \t </tr> 
 
\t \t \t <tr> 
 
\t \t \t \t <td align="center" style="font-size:75%"> 
 
\t \t \t \t \t <input type="checkbox" name="sitesearch" value="rotinadigital.net"/>Only my site<br /> 
 
\t \t \t \t </td> 
 
\t \t \t </tr> 
 
\t \t </table> 
 
\t </div> 
 
</form>

Answer 3

あなたは、文字列内の変数をしたい場合は、template literalsを見てみましょう。あなたはそうすることができます：

var variable = document.getElementsByTagName('input')[0].value; 
var url = `https://www.google.com/${variable}/`; 
// same as 'https://www.google.com/' + variable + '/' 

あなたはGoogleインスタントと同様の効果を達成しようとしているようですね。 Afaikはちょうど標準anchor linksで行い、ページの内容を（むしろ根本的に）操作するためにはjavascriptを使用しています。実際に別のページにナビゲートすると、かなりの遅延が発生します。