Question

我正在尝试将文件名（从网址中提取）添加到div

中

到目前为止，这是我的尝试：

<script type="text/javascript">
var url = window.location.pathname;
var filename = url.substring(url.lastIndexOf('/')+1);
filename = filename.replace('.','_');
</script>

<div class="myinterior "<script>document.write("+filename+");</script>></div>

整个脚本按字面呈现，而不是添加文件名。我究竟做错了什么？如果需要，我也可以使用jQuery。

由于

Answer 1

这相当于jQuery中的代码：

<script type="text/javascript">
    var url = window.location.pathname;
    var filename = url.substring(url.lastIndexOf('/')+1);
    filename = filename.replace('.','_');
    $('.myinterior').addClass(filename);
</script>

<div class="myinterior"></div>

更不用说你需要在HTML中包含jQuery库并使用document.ready()函数，如果你想使用jQuery！

无jQuery答案是：

<script type="text/javascript">
    var url = window.location.pathname;
    var filename = url.substring(url.lastIndexOf('/')+1);
    filename = filename.replace('.','_');
    var elem=document.getElementsByClassName('myinterior')[0];
    elem.className = elem.className + " " + filename;
</script>

<div class="myinterior"></div>

Answer 2

HTML：

<div class="myinterior"></div>

现代浏览器的JS：

var url = window.location.pathname;
var filename = url.substring(url.lastIndexOf('/')+1);
filename = filename.replace('.','_');
document.querySelector('.myinterior').classlist.add(filename);

将当前URL文件名添加为div中的类

2 个答案: