Получение части запроса URL-адреса и выполнение над ним действия

Question

В настоящее время я создаю веб-сайт для одного из моих классов в школе.

Я хочу, чтобы сайт был настроен таким образом, чтобы он не выглядел как его перезагрузка.запрос: ?page=index.Я делаю это, исчезая в Div в зависимости от запроса.Я знаю, что страница на самом деле перезагружается, но не похоже, что она не перезагружается с исчезновением.Вы можете видеть мой сайт здесь: http://yolatools.yolasite.com/resources/project.html?page=index

Теперь единственная проблема заключается в том, что когда я делаю ?page=fcduj, предполагается, что страница не найдена DIV.

Мой код:

function load(){
  var profile=location.search;
  if(profile=="?page=index") 
  {
    $('.section, #home').fadeIn(1500);
    $('.i').addClass('active');
    $('.a, .m').addClass('grey');
  }
  else if(profile=="?page=about")
  {
    $('.section, #about').fadeIn(1500);
    $('.a').addClass('active');
    $('.m, .i').addClass('grey');
  }
  else if(profile=="?page=more"){
    $('.section, #more').fadeIn(1500);
    $('.m').addClass('active');
    $('.a, .i').addClass('grey');
  }
  else if(profile==="")
  {
    location.href = '?page=index';
  }
  if(profile !== '?page=index' && profile !== '?page=about'  && profile !== '?page=more') {
    var rsts = profile.substr(6);
    $('#query').html(rsts);
    $('#wrong').fadeIn(1500);
  }
}

Я запускаю эту функцию с onload в теге body.

Часть, которая должна сделать страницу не найденной DIV для показа:

if(profile !== '?page=index' && profile !== '?page=about'  && profile !== '?page=more') {
  var rsts = profile.substr(6);
  $('#query').html(rsts);
  $('#wrong').fadeIn(1500);
}

Но, похоже, это не работает, но я понятия не имею, почему.Для ?page=index я не хочу использовать PHP, хотя это обычно используется с PHP.Заранее спасибо.

Answer 1

Показывается #wrong div, но родительский .section div не отображается.

Измените оператор if на:

if(profile !== '?page=index' && profile !== '?page=about'  && profile !== '?page=more') {
  var rsts = profile.substr(6);
  $('#query').html(rsts);
  $('.section, #wrong').fadeIn(1500);
}

Answer 2

замените свой JavaScript следующим:

function home(){

$('#home').fadeIn(1000);

$('#about, #more').fadeOut(10);

}

function about(){

$('#about').fadeIn(1000);

$('#home, #more').fadeOut(100);

}

function more(){

$('#more').fadeIn(1000);

$('#about, #home').fadeOut(100);

}

function menu(){$('#h1').fadeIn(1000);setTimeout('other()',1000)}

function other(){

$('#h3').fadeIn(500);

setTimeout('$("#menu").fadeIn(500);', 500)

}

function load(){

var profile=location.search;
if(profile=="?page=index")

{

$('.section, #home').fadeIn(1500);setTimeout('menu()', 1500)

}

else if(profile=="?page=about")

{

$('.section, #about').fadeIn(1500);setTimeout('menu()', 1500)

}

else if(profile=="?page=more"){

$('.section, #more').fadeIn(1500);setTimeout('menu()', 1500)

}

else if(profile==="")

{

location.href = '?page=index';

}



else {

var rsts = profile.substr(6);

$('#query').html(rsts);

$('#wrong,#articles').fadeIn(1500);

$('#about, #more, #home').hide();

}



}

Answer 3

Создайте пользовательскую страницу ошибки 404, в которой есть необходимый JS