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

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

利用

var currentDoc = document.location.pathname
var currentSVG = currentDoc.match(/\d+\) + ".svg";

Answer 2

尝试这个：

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>