获取 html 中 parent 文件夹的名称

Question

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

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

我希望该文件夹中的每个 H1 都显示 "Maze2"

Answer 1

将您的 index.html 更改为 index.php。并添加这行代码。

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

Answer 2

使用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 3

我为您做了一个快速 javascript 应该可以使这更容易：

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://whosebug.com/questions/")+"<br/>");
document.write(getParentFolder("/home/public_html/USER/Home/Maze1/Maze2/index.html")+"<br/>");

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

getParentFolder("http://whosebug.com/questions/") 将 return questions
getParentFolder("/home/public_html/USER/Home/Maze1/Maze2/index.html") 将 return Maze2

请记住从一个公共位置包含您的 javascript，而不是在每个页面上内联它们，那将是维护的噩梦。 :)

获取 html 中 parent 文件夹的名称

Get the name of the parent folder in html

html

javascript

css

directory-structure