Question

我正在尝试在我的网站上创建一个迷宫，并希望通过重复使用相同的index.html文件来节省时间，因为这个迷宫将是17,000个文件。我如何获得父文件夹的名称？我想将名称放在我的标题中，这是一个H1元素。例如：

/home/public_html/User/Home/Maze1/Maze2/index.html

我希望该文件夹中的每个H1都能显示＆＃34; Maze2＆＃34;

Answer 1

使用JavaScript。以下包含脚本集合。

var scripts = document.getElementsByTagName("script");

执行脚本（当前）将始终位于最后一个位置。

var currentUrl = scripts[scripts.length-1]

您可以使用分割功能。类似的东西：

var folderLevels = currentUrl.split("/")
var parentFolder = folderLevels[folderLevels.length-2]

然后将其附加到您想要的H1。

document.getElementById("yourH1ID").innerHTML = parentFolder;

Answer 2

将index.html更改为index.php。并添加此行代码。

<h1><?php echo basename(__DIR__); ?></h1>

Answer 3

我为你做了一个快速的javascript，这应该让这更容易：

＆＃13;

function getParentFolder(url) {
if ( !url ) url = window.location.href;
url = url.lastIndexOf('/') == (url.length -1) ? url.substr(0,url.length-1) : url.substr(0,url.lastIndexOf('/'));
return url.substr(url.lastIndexOf('/') + 1);
}
document.write(getParentFolder("http://stackoverflow.com/questions/")+"<br/>");
document.write(getParentFolder("/home/public_html/USER/Home/Maze1/Maze2/index.html")+"<br/>");

＆＃13;

用法：getParentFolder()返回当前位置的父文件夹。

getParentFolder("http://stackoverflow.com/questions/")将返回questions
getParentFolder("/home/public_html/USER/Home/Maze1/Maze2/index.html")将返回Maze2

请记住从一个公共位置包含您的javascripts，而不是在每个页面上内嵌它们，这将是一个维护噩梦。：）

在html中获取父文件夹的名称

3 个答案: