画像パスを動的にロードし、JavaScript の相対的な独立性を維持する control_javascript スキル

当時考えられた方法は以下の3つでした。
1. jsファイルに直接パスを記述するが、参照ページのパスレベルが変わってしまうと解決策がありません。
2. クラスを作成してテーマ パッケージの CSS ファイルに配置するか、日付コントロール専用の別の CSS ファイルを作成します。ただし、コントロール内の他の要素にクラスを使用する必要はなく、対応する CSS ドキュメントを個別に作成するのは大変なことのようです。
3. 上記2つの方法を除いた後は、画像のパスを動的に読み込む方法を使用するのが自然です。
キーコードは次のとおりです:

コードをコピー コードは次のとおりです:

//グローバル変数保存パスを作成します
var imgRootUrl = "";

//画像パスが配置されているディレクトリを取得します
var strPath=window.document.location.pathname; / /ホストアドレス以降のディレクトリ部分を取得します
var thisUrlCount = strPath.split('/');
varhierarchyOfFolders = thisUrlCount.length-2;//ディレクトリ階層を取得します
for(iRoot=0) ;iRoot{
imgRootUrl ="../";
}
imgRootUrl ="Images/";すべてのプロジェクト イメージ フォルダーの名前は固定されており、パラメーター セットはありませんが、スケーラビリティは維持されています。

画像を追加すると、コントロール効果は非常に美しくなります:

ちなみに、window.document.location:
document のすべてのプロパティをアタッチします。 location.hash // 以降 # VS window.location.hash
document.location.host // ドメイン名 ポート番号
document.location.hostname // ドメイン名
document.location.href / / 完全な URL
document.location.pathname // ディレクトリ部分 (アプリケーション)
document.location.port // ポート番号
document.location.protocol // ネットワークプロトコル (http:)
document .location.search // ?以降の部分