JSを用いてHTMLからコンテンツを取得したい

Question

JavaScriptにてURLを取得し、取得したURLを元に別に作成されたHTMlファイルから特定のコンテンツを取得し、表示するプログラムを作成したいと考えております。しかし、どのようにコードを書けば良いか分からない点があるため、見識者からご教授して頂きたいと存じます。

取得される側のHTMLのリンクを「20210402.html」とします。

<p>取得されるコンテンツ</p>

var url = location.href ;//「https://www.japan.go.jp/file/20210402」を取得
//（１）で質問
const CodeLink = "20210402.html";//（２）で質問
$(".comment").load("---CodeLink--- p");//（３）で質問

（１）location.hrefで取得したURLから「20210402」の部分のみを抽出するコードは、どのように書けば良いのでしょうか？

（２）(１)で抽出した「20210402」をCodeLinkで拡張子である「.html」と合わせて定義したいのですが、どのように書けば良いのでしょうか。

（３）constで定義したCodeLinkを.load()内で表示し、.commentに表示したいのですが、.load()内で定数を使用することができないのですが、どのようにすれば良いでしょうか。

以上の３つを質問させて頂きます。JS初心者であるため、サンプル等を用意していただけると幸いです。宜しくお願い致します。

Comments

[Lhankor_Mhy]

https://www.japan.go.jp/file/20210402 と 20210402.html は違うものなのですか？

[Lhankor_Mhy]

もしかして、

https://www.japan.go.jp/file/20210402

のHTMLの中にある

<a href="20210402.html">...</a>

を取得したい、ということでしょうか？

[k-ymd]

紛らわしい質問で申し訳ございません。

「https://www.japan.go.jp/file/20210402」と「20210402.html」は全くの別物です。
「https://www.japan.go.jp/file/20210402」の中の「20210402」という数字のみを利用するということです。

[Lhankor_Mhy]

ということは、
https://www.japan.go.jp/file/20210402
にあるスクリプトで、
https://www.japan.go.jp/file/20210402.html
の内容を取得したい、ということですかね？

[Lhankor_Mhy]

どちらのURLも302リダイレクトがかかっていますけど、大丈夫ですか？
サンプル、ということでしたら他人のURLを使うのはあまりよくないので、http://example.com をお勧めしますよ。

[Lhankor_Mhy]

また、もしURLがサンプルなのであれば、https://www.japan.go.jp/file/20210402 と 20210402.html が同一ドメインであるかどうか教えてください。

Answer 1

以下の通り，自己解決しましたので，ご報告します．

$(document).ready(function() {
  let url = document.URL;
  url = url.substr(url.length -8);
  const link = url + '.html';
  $('.comment').load(link + 'p');
});