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>

使用网址名称设置图片名称

2 个答案: