ページのルート フォルダー内の特定のファイルへのハイパーリンクをページ上に作成したいと考えています。
たとえば、次のようになります。
\Homepage.html
- これには、次のハイパーリンクが含まれます。
\1.html
\2.html
\3.html
etc.
単純に手動で行うこともできますが、ファイル数 (1、2、3...) が増えるにつれてプロセスを自動化したいと考えています。
JavaScript でこれを行うことはできますか? もしそうなら、どのように?
ページのルート フォルダー内の特定のファイルへのハイパーリンクをページ上に作成したいと考えています。
たとえば、次のようになります。
\Homepage.html
- これには、次のハイパーリンクが含まれます。
\1.html
\2.html
\3.html
etc.
単純に手動で行うこともできますが、ファイル数 (1、2、3...) が増えるにつれてプロセスを自動化したいと考えています。
JavaScript でこれを行うことはできますか? もしそうなら、どのように?
JavaScript はこれを行うことができません。サーバーサイド言語のDOはそれにアクセスできるため、フォルダーコンテンツのJSONを返すPHP(または他のサーバーサイドスクリプト)をセットアップし、AJAXを使用してそのスクリプトを呼び出すことができます。
考えられる回避策:
Windows (非 Unicode) で一覧表示するには: dir *.exe /B /S /OG コンテンツをファイルに保存する場合 dir *.exe /B /S /OG > contentList.txt
JavaScript はクライアント側で動作します。ブラウザでは、PHP などのサーバー側スクリプトが必要です。
JavaScript はこれを行うことはできません!
ID を使用してページに HTML 要素を配置する必要があります。
<div id="foo"></div>
次に、JavaScript を使用して、
for (var i = 1 ; i <= 10 ; i++) {
document.getElementById("foo").innerHTML += "<a href=\"" + i + ".html\">Link " + i + "</a>";
}
エスケープされた引用符 (\") は重要です。それらを台無しにすると、予期しない結果が生じる可能性があります。
編集私はあなたの質問を注意深く読み、ファイルを追加するにつれてそれを増やす必要があることに気付きました。その場合、PHP を使用してページ上に JavaScript を生成できます。つまり、
for (var i = 1 ; i <= <?php echo $maxFileIndex; ?> ; i++) {
document.getElementById("foo").innerHTML += "<a href=\"" + i + ".html\">Link " + i + "</a>";
}
div
または、サーバーに対して AJAX 要求を実行し、応答に基づいてデータを入力することもできます。