[解決済み] JavaScript ファイルにパラメータを渡す
2022-04-14 21:18:04
質問
よく、使用したいJavaScriptファイルがあり、そのファイルは私のウェブページで特定の変数を定義することを要求します。
つまり、このようなコードになるわけです。
<script type="text/javascript" src="file.js"></script>
<script type="text/javascript">
var obj1 = "somevalue";
</script>
でも、私がやりたいのは
<script type="text/javascript"
src="file.js?obj1=somevalue&obj2=someothervalue"></script>
いろいろな方法を試しましたが、一番良かったのは、このようにクエリ文字列をパースする方法です。
var scriptSrc = document.getElementById("myscript").src.toLowerCase();
そして、私の値を検索してください。
文字列をパースする関数を作らずに、これを行う他の方法はないでしょうか。
みなさんは他の方法をご存知でしょうか?
解決方法は?
できればグローバル変数は使わないことをお勧めします。名前空間とOOPを使って、オブジェクトに引数を渡すようにしましょう。
このコードはfile.jsに属します。
var MYLIBRARY = MYLIBRARY || (function(){
var _args = {}; // private
return {
init : function(Args) {
_args = Args;
// some other initialising
},
helloWorld : function() {
alert('Hello World! -' + _args[0]);
}
};
}());
そして、html ファイルに
<script type="text/javascript" src="file.js"></script>
<script type="text/javascript">
MYLIBRARY.init(["somevalue", 1, "controlId"]);
MYLIBRARY.helloWorld();
</script>
関連
-
JavaScriptにおけるマクロタスクとミクロタスクの詳細
-
[解決済み] テスト
-
[解決済み] JavaScriptで "use strict "は何をするのか、その根拠は?
-
[解決済み] JavaScriptで文字列が部分文字列を含むかどうかを確認する方法は?
-
[解決済み] あるJavaScriptファイルを他のJavaScriptファイルにインクルードするにはどうすればよいですか?
-
[解決済み] JavaScriptでタイムスタンプを取得する方法は?
-
[解決済み] パラメータに**(ダブルスター/アスタリスク)、*(スター/アスタリスク)がありますが、これはどういう意味ですか?
-
[解決済み】JavaScriptの比較では、どちらの等号演算子(== vs ===)を使うべきですか?
-
[解決済み】JavaScriptで文字列の出現箇所をすべて置換する方法
-
[解決済み】オブジェクトからプロパティを削除する(JavaScript)
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
Vue+ElementUIによる大規模なフォームの処理例
-
vue ディレクティブ v-html と v-text
-
Vueの「データを聴く」原則を解説
-
[解決済み] Web API エラー - このリクエストはブロックされました; コンテンツは HTTPS で提供されなければなりません
-
[解決済み】TypeScript-のAngular Frameworkエラー - "exportAsがngFormに設定されたディレクティブはありません"
-
[解決済み】React Uncaught Error: 対象コンテナが DOM 要素でない [重複]。
-
[解決済み】 Uncaught TypeError : undefined のプロパティ 'replace' を読み取れない In Grid
-
フロントエンド null のプロパティ 'disabled' を読み取れない 問題が解決された
-
[解決済み】Javascriptの変数宣言の構文の違い(グローバル変数を含む)?
-
[解決済み] JavaScriptでグローバル変数を宣言する方法