ページをリロードせずに新しい JavaScript 関数を動的に挿入する方法を見つけようとしています。在庫品目を入れるためのフォームがあり、選択されたメーカーに基づいて機能をロードまたは削除したいと考えています。これを調査しようとすると、次の方法でこれを達成できると思いました。
document.getElementsByTagName("head")[0].appendChild
例として使用していたドキュメントは、http://www.javascriptkit.com/javatutors/loadjavascriptcss.shtmlから取得したものです。最初はファイルを呼び出しているかどうかわからなかったので、最終テストとして小さなスニペットを追加しました。
var petname="Spotty"
alert("Pet Name: " + petname)
と.jsファイルの最後まで、アラートを受け取りました。この入力ページをモジュール化して動的にすることを望んでいました。関数を置き換える必要がある理由は、各メーカーが、値に基づいてユニット モデル、コンデンサー、電気などを与える、いわゆる「BOM」番号を使用するためです。現在のスクリプトは、onChange 機能などを使用しています。ドロップダウンを選択するたびに、BOM 番号が正しい値で更新されます。逆に、BOM 番号を入力すると、ドロップダウン メニューから値が選択されます。JavaScript 関数は、「頭」に配置すると onChange で意図したとおりに動作しますが、.appendChild を使用すると、どの関数も動作しません。これには別のものを使用する必要がありますか？