Question

我想在我的页面上的标题图片下包含一段文字，只有当用户正在查看主页而不是其他任何页面时。

所以在英语中它会像

如果网页为https://hotguidebelize.rezdy.com/ 显示图形并显示文本

否则，如果网页为https://hotguidebelize.rezdy.com/xxx（其中xxx为任意值）显示图形

是否可以在html中执行此操作，如何测试网页地址？

Answer 1

您可以使用JavaScript完成此操作：

if (window.location.pathname.length <= 1) { 
    console.log('show home-page-only content'); 
    document.getElementById('yourTextDiv').style.display = 'block';
}

此脚本会检查域名后面是否有任何内容（＆＃39; /＆＃39;除外），如果没有（您在主页上），则显示div＆＃39; yourTextDiv＆＃39;否则默认隐藏，例如类似的东西：

<div id="yourTextDiv" style="display:none;">your home page only content here</div>

请注意，此脚本不适用于使用哈希在其网页中导航的较新网站：例如： https://hotguidebelize.rezdy.com/#xxx

自定义标头取决于网页

1 个答案: