EvoComp - JavaScript Beispiel: JavaScript replace (Methode von Objekt Location)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>EvoComp - JavaScript Beispiel: JavaScript replace (Methode von Objekt Location)</title> <meta name="description" content="Die JavaScript-Methode location.replace wird dazu verwendet, eine neue Seite zu laden (in der Historie wird die vorher geladene Seite durch die neue ersetzt)." /> <meta name="keywords" lang="de" content="javascript replace,javascript location replace,javascript,replace,beispiel,beispiele,methode,location objekt,java script,javascripts,java scripts,java,script" /> <meta name="language" content="de" /> <meta http-equiv="content-language" content="de" /> <meta name="robots" content="index,follow,noarchive" /> <meta name="date" content="2007-09-22"> <meta name="DC.Date" content="2007-09-22"> <base href="http://www.evocomp.de/beispiele/javascript/location-replace.html"> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1"> <meta name="author" content="Alexander Müller"> <meta name="DC.Creator" content="Alexander,Müller"> <meta name="DC.Publisher" content="Alexander,Müller"> <meta name="DC.Contributor" content="Alexander,Müller"> <meta name="DC.Type" content="Text"> <meta name="DC.Format" content="text/html"> <meta name="DC.Identifier" content="http://www.evocomp.de/"> <meta http-equiv="expires" content="0"> <meta http-equiv="Content-Script-Type" content="text/javascript"> <meta http-equiv="Content-Style-Type" content="text/css"> <link rel="icon" href="/favicon.ico" type="image/x-icon"> <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon"> <link rel="stylesheet" type="text/css" href="/portal.css"> <script src="/portal.js" type="text/javascript"></script> <meta name="revisit-after" content="15 days"> <meta http-equiv="pragma" content="no-cache"> <meta name="audience" content="Alle"> </head> <body> <a id="top" name="top"><img class="transparent" border="0" name="icount" src="/pic/transparent.gif" alt=""></a> <script language="javascript" type="text/javascript">  </script> <a href="/" title=""><img class="logo" border="0" src="/pic/logo_evocomp.jpg" alt=""></a> <p class="banner"> <a href="http://www.kunstundreisen.de" rel="nofollow" title="" target="_blank"><img border="0" src="http://www.kunstundreisen.de/mehr/verlinkung/grafiken/kunstundreisen_468_60.gif" width="468" height="60" alt=""></a> <img border="0" src="/pic/ad.gif" alt=""> </p> <div id="container"> <ul id="topmenu"> <li><a href="/index.html" title="Startseite">Home</a></li> <li><a href="/sitemap.html" title="Seitenstruktur">Sitemap</a></li> <li><a href="/contact.html" title="Kontakt">Kontakt</a></li> <li><a href="/imprint.html" title="Impressum">Impressum</a></li> </ul> <div id="contentcontainer"> <div id="breadcrumb">Sie sind hier: <a href="/index.html" title="Startseite">Home</a> :: <a href="/beispiele/beispiele.html" title="Beispiele Script">Beispiele</a> :: <a href="/beispiele/javascript/javascripts.html" title="JScript / JavaScripts / JavaScript Beispiele">JavaScript</a> :: <a href="/beispiele/javascript/location.html" title="Location Java Script">Location</a> :: <a href="/beispiele/javascript/location-replace.html" title="location replace Java Script">replace</a> </div> <div id="sample"> <ul> <li>Beispiele</li> <li>Methoden</li> <li><a href="/beispiele/javascript/alert.html" title="java script alert javascript">» alert</a></li> <li><a href="/beispiele/javascript/back.html" title="window back javascript">» back</a></li> <li><a href="/beispiele/javascript/clearinterval.html" title="clearinterval javascript">» clearInterval</a></li> <li><a href="/beispiele/javascript/cleartimeout.html" title="cleartimeout javascript">» clearTimeout</a></li> <li><a href="/beispiele/javascript/window-close.html" title="javascript window close javascript">» close</a></li> <li><a href="/beispiele/javascript/confirm.html" title="window confirm javascript">» confirm</a></li> <li><a href="/beispiele/javascript/getelementbyid.html" title="document getelementbyid javascript">» getElementById</a></li> <li><a href="/beispiele/javascript/indexof.html" title="indexof javascript">» indexOf</a></li> <li><a href="/beispiele/javascript/window-open.html" title="javascript window open javascript">» open</a></li> <li><a href="/beispiele/javascript/print.html" title="window print javascript">» print</a></li> <li><a href="/beispiele/javascript/prompt.html" title="window prompt javascript">» prompt</a></li> <li><a href="/beispiele/javascript/reload.html" title="java script reload javascript">» reload</a></li> <li><a href="/beispiele/javascript/location-replace.html" title="java script replace javascript">» replace (Location)</a></li> <li><a href="/beispiele/javascript/setinterval.html" title="window setinterval javascript">» setInterval</a></li> <li><a href="/beispiele/javascript/settimeout.html" title="window settimeout javascript">» setTimeout</a></li> <li><a href="/beispiele/javascript/split.html" title="split javascript">» split</a></li> <li><a href="/beispiele/javascript/substring.html" title="substring javascript">» substring</a></li> <li><a href="/beispiele/javascript/write.html" title="document write javascript">» write</a></li> <li>Eigenschaften</li> <li><a href="/beispiele/javascript/location-href.html" title="location href javascript">» href (Location)</a></li> <li><a href="/beispiele/javascript/document-url.html" title="url javascript">» url</a></li> <li>Objekte</li> <li><a href="/beispiele/javascript/array.html" title="java script array javascript">» Array</a></li> <li><a href="/beispiele/javascript/date.html" title="javascript datum,zeit / time,date javascript">» Date</a></li> <li><a href="/beispiele/javascript/document.html" title="java script document javascript">» Document</a></li> <li><a href="/beispiele/javascript/event.html" title="event javascript">» Event</a></li> <li><a href="/beispiele/javascript/history.html" title="java script history javascript">» History</a></li> <li><a href="/beispiele/javascript/location.html" title="java script location javascript">» Location</a></li> <li><a href="/beispiele/javascript/string.html" title="java script string javascript">» String</a></li> <li><a href="/beispiele/javascript/style.html" title="CSS Style javascript">» Style (CSS)</a></li> <li><a href="/beispiele/javascript/window.html" title="java script window javascript">» Window</a></li> <li>Ereignisse (Events)</li> <li><a href="/beispiele/javascript/event-onclick.html" title="onclick javascript">» onclick</a></li> <li><a href="/beispiele/javascript/event-onload.html" title="onload javascript">» onload</a></li> <li><a href="/beispiele/javascript/event-onchange.html" title="onchange javascript">» onchange</a></li> <li>Sprache</li> <li><a href="/beispiele/javascript/for.html" title="for javascript">» for</a></li> <li><a href="/beispiele/javascript/for-in.html" title="for in javascript">» for in</a></li> <li><a href="/beispiele/javascript/for-each.html" title="for each javascript">» for each</a></li> <li><a href="/beispiele/javascript/function.html" title="function javascript">» function</a></li> <li><a href="/beispiele/javascript/if.html" title="if javascript">» if</a></li> <li><a href="/beispiele/javascript/switch.html" title="switch javascript">» switch</a></li> <li><a href="/beispiele/javascript/while.html" title="while javascript">» while</a></li> <li><a href="/beispiele/javascript/do-while.html" title="do while javascript">» do ... while</a></li> <li><a href="/beispiele/javascript/variable.html" title="variable javascript">» Variable</a></li> <li><a href="/beispiele/javascript/try-catch.html" title="try javascript">» try (Exceptions)</a></li> <li>Ajax</li> <li><a href="/beispiele/javascript/ajax.html" title="ajax javascript">» Ajax</a></li> <li>Sonstiges</li> <li><a href="/beispiele/javascript/bilder.html" title="bilder javascript">» Bilder</a></li> <li><a href="/beispiele/javascript/browser.html" title="browser javascript">» Browser</a></li> <li><a href="/beispiele/javascript/checkbox.html" title="checkbox javascript">» Checkbox</a></li> <li><a href="/beispiele/javascript/cookies.html" title="cookies javascript">» Cookies</a></li> <li><a href="/beispiele/javascript/countdown.html" title="countdown javascript">» Countdown</a></li> <li><a href="/beispiele/javascript/cursor.html" title="cursor javascript">» Cursor</a></li> <li><a href="/beispiele/javascript/div.html" title="div javascript">» DIV</a></li> <li><a href="/beispiele/javascript/dom.html" title="dom javascript">» DOM</a></li> <li><a href="/beispiele/javascript/fenster.html" title="html fenster javascript">» Fenster</a></li> <li><a href="/beispiele/javascript/form.html" title="form javascript">» Form</a></li> <li><a href="/beispiele/javascript/html.html" title="html javascript">» HTML</a></li> <li><a href="/beispiele/javascript/popup.html" title="popup javascript">» PopUp</a></li> <li><a href="/beispiele/javascript/redirect.html" title="redirect javascript">» redirect</a></li> <li><a href="/beispiele/javascript/submit.html" title="submit javascript">» submit</a></li> <li><a href="/beispiele/javascript/textarea.html" title="textarea javascript">» Textarea</a></li> <li><a href="/beispiele/javascript/trim.html" title="string trim javascript">» trim String</a></li> <li><a href="/beispiele/javascript/void.html" title="void javascript">» void</a></li> <li><a href="/beispiele/javascript/xml.html" title="xml javascript">» XML</a></li> </ul> </div> <h1 class="notopmargin">JavaScript Replace Methode</h1> <p class="norm"> Die Methode <strong>replace</strong> des <a href="/beispiele/javascript/location.html" title="location java script">Location</a>-Objekts ersetzt die derzeit angezeigte Internetseite durch eine im Parameter übergebene Seite. Es wird also eine neue Seite geladen, die nach dem Laden der Seite im <strong>Browserfenster</strong> dargestellt wird. </p> <p class="norm"> Anders als beim Setzen einer neuen <strong>URI</strong> über die <strong><a href="/beispiele/javascript/location-href.html" title="location.href javascript">href</a>-Eigenschaft des Location-Objekts</strong> wird die neu zu ladende Seite allerdings nicht an die <strong>Browser-Historie</strong> (s. a. <a href="/beispiele/javascript/history.html" title="history java script">History</a>) angehängt. Durch <strong>replace</strong> wird der Eintrag (die in der <strong>Historie</strong> gespeicherte URI) der aktuell dargestellten Seite in der Historie durch die neu zu ladende Seite überschrieben. </p> <p class="norm"> Als einzigen <strong>Parameter</strong> erwartet die <strong>Methode replace</strong> die URI der neu zu ladenden <strong>Internetseite</strong>. Zugriff auf die Methode des Location-Objekts erhält man – für das aktuelle Browserfenster – entweder direkt durch location.replace() oder über self.location.replace() bzw. window.location.replace(). Soll die Methode auf ein anderes <strong><a href="/beispiele/javascript/fenster.html" title="fenster java script">Fenster</a></strong> angewandt werden, so funktioniert dies über einen Verweis auf dieses Browserfenster (s. a. <a href="/beispiele/javascript/reload.html" title="location.reload java script">location.reload()</a>). </p> <h2>JavaScript Replace Beispiel: Neue URI laden und Historieneintrag ersetzen</h2> <p class="norm"> Das folgender <strong>Beispiel</strong> demonstriert die Methode replace des Location-Objekts. Als erstes wird ein Link definiert, der die entsprechende JavaScript-Funktion aufruft. Die <a href="/beispiele/javascript/function.html" title="funktion java script">Funktion</a> gotoReload setzt die URI der im Browser angezeigten Internetseite neu und ersetzt gleichzeitig den Eintrag dieser Seite in der <strong>JavaScript-Historie</strong>. </p> <p class="norm"> Nachdem Sie auf den Link geklickt haben, werden Sie feststellen, dass ein Klick auf den "zurück"-Button Ihres <a href="/beispiele/javascript/browser.html" title="browser java script">Browsers</a> Sie nicht wie erwartet wieder zurück zu dieser Seite führt, sondern zu der Seite, die Sie vor dem Laden dieser Seite geöffnet hatten. </p> <div class="code2"> <pre><a href="javascript:gotoReload ()" title="">gehe zu Reload</a> <script language="javascript" type="text/javascript"> <span class="code_comment"></span> </script></pre> </div> <p class="sample2"> <a href="javascript:gotoReload ()" title="">gehe zu Reload</a> <script language="javascript" type="text/javascript">  </script> </p> </div> <div id="left"> <div class="containerblock"> <p class="title">¬ Menu</p> <ul class="content"> <li><a href="/themen/evolutionsalgorithmen/evoalg.html" title="Evolutionäre Algorithmen">» Evolutionsalgorithmen</a></li> <li><a href="/softwareentwicklung/software-entwicklung.html" title="Software-Entwicklung">» Softwareentwicklung</a></li> <li><a href="/tutorials/tutorial.html" title="Tutorials / Tutorien">» Tutorials</a></li> <li><a href="/scripts/skripte.html" title="Free Scripts / Gratis Skripte Download">» Scriptarchiv</a></li> <li><a href="/beispiele/beispiele.html" title="Beispiele Scripts">» Beispiele</a></li> <li><a href="/beispiele/javascript/javascripts.html" title="JavaScripts / JavaScript Beispiel">    » JavaScript</a></li> <li><a href="/beispiele/php/php.html" title="PHP Script">    » PHP</a></li> <li><a href="http://forum.evocomp.de/" target="_blank" title="Forum Webentwicklung / Webprogrammierung">» Forum</a></li> <li><a href="/historie/historie.html" title="Historie">» Historie</a></li> <li><a href="/glossar/glossar.html" title="Glossar">» Glossar</a></li> <li><a href="/links/links.html" title="Links">» Links</a></li> <li><a href="/literatur/literatur.html" title="Literatur">» Literatur</a></li> <li><a href="/visitenkarte/index.html" title="Visitenkarte" target="_blank">» Visitenkarte</a></li> </ul> </div> <div class="containerblock"> <p class="title">¬ Gratis Download</p> <ul class="content"> <li><a href="/scripts/java-script-download/java-script-galerie/javascript-galerie.html" title="html bildergalerie">Web Galerie</a></li> <li><a href="/scripts/php-scripts-download/php-bilder-galerie/php-photo-galerie.html" title="dynamische bildergalerie">PHP Bildergalerie</a></li> <li><a href="/scripts/php-scripts-download/php-counter-class/php-counter-script.html" title="homepage counter">Besucherzähler</a></li> <li><a href="/scripts/java-script-download/java-script-fontsize/javascript-fontsize.html" title="schriftgröße html">Schriftgröße</a></li> </ul> </div> <div class="containerblock"> <p class="title">¬ Seminare</p> <ul class="content"> <li><a href="/beispiele/javascript/seminar-schulung-kurs-lernen.html" title="JavaScript lernen">JavaScript Kurs</a></li> <li><a href="/beispiele/php/lernen-kurs-schulung-seminar.html" title="PHP lernen">PHP Kurs</a></li> </ul> </div> <br/><br/> <div class="containerblock"> <p class="title">¬ Yoga</p> <ul class="content"> <li><a href="/yoga/deutschland/yoga-koeln.html" title="Yoga in Köln">Yoga Köln</a></li> <li><a href="/yoga/hatha-yoga.html" title="Hatha Yoga Köln">Hatha Yoga</a></li> <li><a href="/yoga/buecher/yoga-buch.html" title="Yoga Buch">Yoga Bücher</a></li> </ul> </div> <div class="containerblock"> <p class="title">¬ Insolvenzrecht</p> <ul class="content"> <li><a href="/insolvenz/insolvenzrecht-buch.html" title="Insolvenzrecht Buch">Literatur Insolvenzrecht</a></li> </ul> </div> </div> <div id="right"> <div class="containerblock"> <p class="title">¬ News</p> <p class="content"> <span class="latest_news_date">15.08.2008</span><span class="latest_news">Schleifen in PHP: Die While-Schleife <a href="/news/15_08_2008.html" title="Meldung vom 15.08.2008">» mehr</a></span> <span class="latest_news_date">13.08.2008</span><span class="latest_news">Nutzung von Variablen unter PHP: Definition, Sichtbarkeit und vordefinierte Variablen <a href="/news/13_08_2008.html" title="Meldung vom 13.08.2008">» mehr</a></span> <span class="latest_news_date">11.08.2008</span><span class="latest_news">Ausgabe von Datum und Zeit mit PHP nach Konvertierung in ein String <a href="/news/11_08_2008.html" title="Meldung vom 11.08.2008">» mehr</a></span> <span class="news_liste_hinweis">Eine vollständige News-Liste ist auf der <a href="/news/news.html" title="News Seite">News-Seite</a> zugänglich.</span> </p> </div> <div class="containerblock"> <p class="title">¬ Foren</p> <ul class="content"> <li> <div style="display:inline;float:right;width:130px;"> <a href="http://forum.evocomp.de/f7/" target="_blank" title="JavaScript Hilfe">JavaScript Forum</a><br> <a href="http://forum.evocomp.de/f8/" target="_blank" title="PHP Hilfe">PHP Forum</a><br> </div> <img width="48" height="48" src="/pic/forum_icon.gif" alt="Foren" /> </li> </ul> </div> <div class="containerblock"> <p class="title">¬ Buchtipp</p> <p class="content"> <span class="book"><a href="http://ad.zanox.com/ppc/?5685652C554664482T&ULP=[[20822957]]" rel="nofollow" title="" target="_blank"><img border="0" src="http://bilder.buecher.de/produkte/20/20822/20822957k.jpg" alt="" /><br />Ajax in action</a><br /></span> <span class="book"><hr /> Weitere JavaScript Literaturtipps finden Sie unter <a href="/beispiele/javascript/buecher.html" title="">JavaScript Bücher</a> </span> </p> </div> </div> </div> <div id="copyright"> <script language="javascript" type="text/javascript">  </script> <noscript> © 2004-2025 Alexander Müller<br> <a href="http://call-center.evocomp.de" title="">Call Center Central</a> </noscript> <br><a href="http://www.EvoComp.de" title="Homepage von www.EvoComp.de">www.EvoComp.de</a><br> Letzte Änderung: 22.09.2007 <p> <img border="0" src="/pic/valid-html4.01.png" width="80" height="15" alt="Valid HTML 4.01!" title="Valid HTML 4.01!">      <img border="0" src="/pic/valid-css.png" width="80" height="15" alt="Valid CSS!" title="Valid CSS!"> <br><br> <a href="http://www.gadgets4web.net/service/web-design.html" title="erstellen Internetseite, Köln">Webdesign</a> • <a href="http://www.gadgets4web.net/service/beratung.html" title="Internetseiten, Köln">Beratung Internetseite</a> • <a href="http://www.gadgets4web.net/service/web-entwicklung.html" title="Internetseite programmieren, Köln">Programmierung Internetseite</a> </p> </div> </body> </html>

CINXE.COM

EvoComp - JavaScript Beispiel: JavaScript replace (Methode von Objekt Location)