Próbuję utworzyć witrynę i próbuję dowiedzieć się, jak załadować stronę.Jak załadować inny plik HTML przy użyciu JS
Na przykład:
kliknąć na Żeglarza „Home” a następnie w dolnej części ekranu ładuje stronę tekst oczaru mówiąc na przykład „Witaj Słowo!”.
Czy ktoś wie, co robić? Jestem prawie pewny. Zawiera JavaScript.
Aby dynamicznie ładować zawartość, można wykonać wywołanie AJAX za pomocą XMLHttpRequest().
W tym przykładzie adres URL jest przekazywany do funkcji loadPage(), w której zwracana jest załadowana zawartość.
<!DOCTYPE html>
<html lang="en">
<head>
<script type="text/javascript">
function loadPage(href)
{
var xmlhttp = new XMLHttpRequest();
xmlhttp.open("GET", href, false);
xmlhttp.send();
return xmlhttp.responseText;
}
</script>
</head>
<body>
<div onClick="document.getElementById('bottom').innerHTML =
loadPage('hello-world.html');">Home</div>
<div id="bottom"></div>
</body>
</html>
Gdy element div zawierający tekst „Dom” kliknięciu ustawia html elementu div z id „dół” do treści znajdujących się w „hello-world.html” dokumentu w tym samym stosunku Lokalizacja.
hello-world.html
<p>hello, world</p>
Dzięki, ale pytanie na uwadze. Co powiesz na więcej niż 1 stronę. Co by się stało? – Shaun
Wiele dokumentów może być ładowanych, zastępujących lub dołączających zawartość poprzez wielokrotne wywoływanie tej implementacji. –
Dzięki, stary! Jesteś niesamowity. Dziękuję bardzo za Twoją pomoc. – Shaun
Ok, czego szukasz, jest jeden wniosek strony.
Istnieje wiele technologii, które go wdrażają, ale nie jest to takie proste.
Oto poradnik Śledziłem by to zrobić: http://andru.co/building-a-simple-single-page-application-using-angularjs
Jeśli chcesz iść dalej z OSO, na pewno trzeba kątowych szablonów.
http://www.w3.org/wiki/HTML_links_-_lets_build_a_web#What_are_links.3F – Quentin
Niezbyt pomocne w moim zrozumieniu, przepraszam. – Shaun
Czy mówisz o aplikacjach z jedną stroną? Zawsze pozostajesz na tej samej stronie, ale zawartość jest ponownie ładowana. –