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

【问题标题】：How can I pull title of current page into a URL/src?如何将当前页面的标题拉入 URL/src？
【发布时间】：2020-05-27 06:49:56
【问题描述】：

我希望将当前页面的标题拉入一个 img src URL。

例如：

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

是否有任何代码可以输入，以便随着页面标题的变化，URL 中的展位号也会自动更改。有没有办法在 URL 中执行此操作？

【问题讨论】：

该链接不起作用。请问你到底想怎么放这个？你有sn-p吗？
@RahulDwivedi – 我更新了代码 sn-p 但它不是一个有效的链接，因为它只是一个示例。我希望获取标记中的文本并将其放入 src URL "...com/page-title-here/images/picture1.jpg"
你在使用任何框架吗？ var src='https://mywebsite.com/' + document.title + '/images/picture1.jpg'; 这会给你一个动态网址
虽然有办法做到这一点，但我建议您的框架（如果有）/堆栈有一种更简单/更强大的方式来传递数据，而不是使用标题标签。您使用的是什么框架/堆栈？

标签： javascript html page-title

【解决方案1】：

你可以这样做。文档准备好后，它会找到页面标题并编辑图片的url！

$('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" />

【讨论】：

【解决方案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;

【讨论】：