如何将当前页面的标题拉入 URL/src？

Question

I'm looking to pull the title of the current page into an img src URL.

For instance:

<title>booth106</title>
<img src="https://mywebsite.com/booth106/images/picture1.jpg">

Is there any code to put in so that as the title changes from page to page, so too will the booth number in the URL automatically. Is there a way to do this within a URL?

Answer 1

You can do it like this. When the document is ready it will find the page title and edit the url of the picture!

 $('img').attr('src', 'https://www.mywebsite.com/'+ document.title +'/images/picture1.jpg');

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <img src="https://www.mywebsite.com/booth106/images/picture1.jpg" alt="my image" />

Answer 2

var src='https://mywebsite.com/' + document.title + '/images/picture1.jpg';
var img = document.getElementsByTagName('img')[0]; //considering you want to update the src of the first image

img.src = src;