在html中获取父文件夹的名称[关闭]答案

【问题标题】：Get the name of the parent folder in html [closed]在html中获取父文件夹的名称[关闭]
【发布时间】：2015-11-23 04:59:29
【问题描述】：

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

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

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

【问题讨论】：

我做了这个功能：var getparentfoldername = function() {var t = document.getElementsByTagName("script");t = t[t.length-1];var name = t.ownerDocument.documentURI.split("/");return name[name.length-2];} 它似乎对我有用。 =)

标签： javascript css html directory-structure

【解决方案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;

【讨论】：

【解决方案2】：

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

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

【讨论】：

我想知道为什么我一开始就被否决了……哈哈。
我对你投了反对票，因为这与作为问题标签的 javascript、html、css 或 html5 无关。因此，搜索这些标签的人会感到困惑。很好的解决方案

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

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

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

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

【讨论】：