HTMLファイルとリンクされた.jsファイルの間でDOMを使用して情報を渡す。

HTMLページからリンクされた.jsファイルに情報を渡す方法を教えてもらえますか？HTMLファイルとリンクされた.jsファイルの間でDOMを使用して情報を渡す。

<head> 
<script type="text/javascript" src="../javascripts/script.js"></script> 
</head> 

<form name="form1"> 
    <input type="text" name="input1" value autofocus="on"> 
    <button onClick= "chrome.tabs.create({url: getURL()});">Go</button> 
</form>

これは、既存のURLと組み合わせて、私が完了することにしたいフォーム、および撮影した入力値の一部であり、最終的な結果は、この新しいタブで

function getURL() 
{ 
    var site = "http://www.example.com/query?f="; 
    var input = document.form1.input1.value 
    var output = site + input; 
    return output; 
}

を開設私が使用している関数ですが、私はうまくいかないか、入力変数をinput1のフォーム値にリンクする方法がまだわかりません。 .jsファイルは、実際のHTMLファイル内ではなく、リンクされています。

ヘルプ？

出典

2011-07-30 Liam

documentのように、階層構造プロパティに自動的にマップされたIDまたは名前を持つ要素は、古くから推奨されていない習慣であり、ドキュメントがクォークモードをトリガーしない限り発生しません。入力要素にIDを追加し、代わりに

var input = document.getElementById('input_id_goes_here').value;

を使用してください。

出典

2011-07-30 09:29:34

ので、 ' と '関数のgetURL（） { VARサイト=「HTTP '< "オン" 入力タイプ= "テキスト" ID = "INPUT1" 値オートフォーカス=>のようになります。 //www.example.com/query?f= "; var input = document.getElementById（ 'input1'）; var出力=サイト+入力; リターン出力。 }代わりに？また、.jsファイルがHTMLファイルの一部ではないにもかかわらず、その要素にリンクされますか？ – Liam

はい、どちらの質問にも。 –

パーフェクト、予定どおりに動作します。 – Liam

HTMLファイルとリンクされた.jsファイルの間でDOMを使用して情報を渡す。

答えて

関連する問題