javascript - 使用 url 名称设置图像名称

Question

我不确定这是否可行，但我想执行以下操作:

我有一些网页，名为 1.html 、 2.html 、 3.html 等。现在我有以下 1.html 代码:

<object width="100%" data="1.svg" type="image/svg+xml">

对于 2.html，我会得到 2.svg。现在我想制作像这样的 100 个页面，我想知道是否可以使用 javascript 或 jquery 自动完成此操作？所以类似:

<object width="100%" data="[here some script that get the name of htm file].svg" type="image/svg+xml">

有什么想法吗？

Answer 1

试试这个:

jQuery

var url = document.location.pathname;
url = url.substring(url.lastIndexOf("/") + 1, url.lastIndexOf("."));
$('object').attr('data', url + '.svg');

Javascript

var url = document.location.pathname;
url = url.substring(url.lastIndexOf("/") + 1, url.lastIndexOf("."));
document.getElementsByTagName('object')[0].setAttribute('data',url + '.svg');

或者这个:

PHP

<object data="<?php echo basename(__FILE__, ".htm"); ?>.svg"></object>