string - 現在のURL文字列をどのように使用してimg名を作成しますか？

Question

現在のURLにちなんで自動的に名前が付けられた画像srcを作成するにはどうすればよいですか？たとえば、xxy.htmlはxxy.jpgのimg srcを作成し、ファイルパスは.htmlファイルと.jpgファイルで同じになり、すべての画像は.jpgになり、すべてのページは.htmlになります。phpを使用していませんが、javascript、jquery、またはcssソリューションを実装できます！

それが意味をなさない場合は、現在のページのURLを読み取り、img src = "（現在のページの名前-"。html "）.jpgを有効にするコードが必要です。

Answer 1

迅速で汚い方法：

<script>document.write('<img src="' + location.pathname.replace(/\.html$/, '.jpg') + '">')</script>

あなたがあなたのイメージを行きたいところにあなたのHTMLにそれを入れてください。

Answer 2

ページの読み込み中;

`<img src="" id=img1>`

ページの読み込み後。ページの終わりに：

<script>
document.getElementById('img1').src= window.location.replace(".html", ".jpg");
</script>

私はコードをテストしていません。しかし、それはあなたに良い考えを与えます。