Панель отображается только на определенной странице

Question

Мне нужен рабочий код javascript, который показывает определенную панель только на одной конкретной странице моего сайта и скрывает ее на остальном. Это настройка форума.

Вот что я получил до сих пор.

<script type="text/javascript"> 

function ShowPanel() 
{ 
if(document.location.href == "http://www.exampleurl.com") 
{document.getElementById("panel").style.display = "block";} 
else 
{document.getElementById("panel").style.display = "none";} 
} 

</script> 

     <div id="panel" onload="ShowPanel"> 
      Example text. 
     </div> 

В соответствии с примером кода, который я просмотрел, все это кажется разумным, но, очевидно, где-то есть ошибка. Ничего не произошло.

Спасибо за проверку!

Answer 1

Проблема в том, что событие onload не может использоваться для элемента DIV. onload может использоваться только для тела документа или внешнего ресурса (iframe, image, scripts).

Лучше всего разместить свой JavaScript в нижней части страницы.

например.

<div id="panel"> 
    Example text. 
</div> 

<script language="JavaScript"> 
if(document.location.href == "http://www.exampleurl.com"){ 
    document.getElementById("panel").style.display = "block"; 
} 
else { 
    document.getElementById("panel").style.display = "none"; 
}  
</script> 

Answer 2

Проверьте, что document.location.href действительно находится на странице, введя его в консоль (F12, как правило). Например, большинство браузеров добавят конечную косую черту на имя сервера, даже если в URL-адресе нет ни одного. Матч должен быть точным для того, чтобы ваш код работал так, как написано.

Другим вариантом является сравнение document.location.pathname, которое будет иметь все после имени сервера. Если вы хотите сделать анализ без учета регистра, вы можете использовать document.location.pathname.toLowerCase().