javascript - 在javascript中显示页面名称？

Question

如何将 location.href.split('/').pop() 添加到 html 文档以显示页面名称？ (不是整个 URL)我只想显示页面名称。

示例:如果页面是“www.example.com/whaterver/mypage.html”它将显示“我的页面”。

完整的脚本是什么？我是 javascript 新手，我在网上找到了这个，但我不知道完整的代码。有人可以帮我吗？

Answer 1

我会把它放在一个函数中，以防您需要在代码中的其他地方重用它。只需在末尾拆分页面名称并获取第一个元素即可:

function getPageName(url) {
  return url.split('/').pop().split('.')[0];
}

您可以传入实际的URL:

var pageName = getPageName('www.example.com/whaterver/mypage.html'); // mypage

或者，使用location.href:

var pageName = getPageName(location.href); // mypage

如果 *.html 不匹配，我也可能倾向于返回某些内容，因此这里有一个修改后的函数，如果不匹配，则返回 null:

function getPageName(url) {
  var pageName = url.split('/').pop().split('.')[0];
  return pageName.length > 0 ? pageName : null;
}

DEMO