Heim  >  Artikel  >  Web-Frontend  >  Der JavaScript-Link leitet den Benutzer weiter

Der JavaScript-Link leitet den Benutzer weiter

高洛峰
高洛峰Original
2016-11-26 09:39:011242Durchsuche

Der Benutzer kann nahtlos umgeleitet werden, d. h. der Benutzer kann auf eine andere Seite umgeleitet werden, je nachdem, ob der Benutzer die JavaScript-Funktion aktiviert hat. Dieses Beispiel zeigt, wie Sie die Weiterleitungsfunktion mithilfe von zwei HTML-Seiten und einer JavaScript-Datei in einen Link einbetten.
Die erste HTML-Seite zeigt die Verbindung zum Benutzer an:
test.html
[html]
Willkommen auf unserer Website <br> <script type="text/javascript" src="script01.js"< / script> <br></head> <br><body bgcolor="#FFFFFF"> / www.php1.cn/"> </h2> <br></body> <br></html> <br>Die zweite HTML-Seite ist, wenn der Benutzer die JavaScript-Funktion aktiviert hat. Wird weitergeleitet die HTML-Seite. <br>jswelcome.html<br>[html]<br><html xmlns="http://www.w3.org/1999/xhtml"> <br><head> ;Unsere Website
;/h1>

script01.js
window.onload = initAll; ) {
document.getElementById("redirect").onclick = initRedirect;}

function initRedirect() {
window.location = "jswelcome.html"; false;
}

script01.html
[html]
;head>
Meine JavaScript-Seite</head> <br><body bgcolor="#FFFFFF"> h2> <br></noscript> <br></html> Je nachdem, ob Javascript aktiviert ist, werden sie zu einer von zwei Seiten weitergeleitet, script01.html oder jswelcome .html. <br>[javascript]<br>function initRedirect() { <br> window.location = "jswelcome.html"; <br> return false <br>} <br>Wenn Sie diese Funktion aufrufen, wird das Fenster festgelegt. Speicherort (die im Browser angezeigte Seite) auf eine neue Seite. „False zurückgeben“ bedeutet, die Verarbeitung des Klicks des Benutzers zu stoppen, sodass die in der href-Seite angegebene Seite nicht geladen wird. Das coolste Merkmal dieser Methode ist, dass die Umleitung abgeschlossen ist und der Benutzer nicht merkt, dass die Seite überhaupt umgeleitet wurde . <br></p></div><div class="nphpQianMsg"><div class="clear"></div></div><div class="nphpQianSheng"><span>Stellungnahme:</span><div>Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn</div></div></div><div class="nphpSytBox"><span>Vorheriger Artikel:<a class="dBlack" title="JavaScript-Notizen zur Verarbeitung von Bildern" href="http://m.php.cn/de/faq/341130.html">JavaScript-Notizen zur Verarbeitung von Bildern</a></span><span>Nächster Artikel:<a class="dBlack" title="JavaScript-Notizen zur Verarbeitung von Bildern" href="http://m.php.cn/de/faq/341135.html">JavaScript-Notizen zur Verarbeitung von Bildern</a></span></div><div class="nphpSytBox2"><div class="nphpZbktTitle"><h2>In Verbindung stehende Artikel</h2><em><a href="http://m.php.cn/de/article.html" class="bBlack"><i>Mehr sehen</i><b></b></a></em><div class="clear"></div></div><ins class="adsbygoogle" style="display:block" data-ad-format="fluid" data-ad-layout-key="-6t+ed+2i-1n-4w" data-ad-client="ca-pub-5902227090019525" data-ad-slot="8966999616"></ins><script> (adsbygoogle = window.adsbygoogle || []).push({}); </script><ul class="nphpXgwzList"><li><b></b><a href="http://m.php.cn/de/faq/1609.html" title="Eine eingehende Analyse der Bootstrap-Listengruppenkomponente" class="aBlack">Eine eingehende Analyse der Bootstrap-Listengruppenkomponente</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/de/faq/1640.html" title="Detaillierte Erläuterung des JavaScript-Funktions-Curryings" class="aBlack">Detaillierte Erläuterung des JavaScript-Funktions-Curryings</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/de/faq/1949.html" title="Vollständiges Beispiel für die Generierung von JS-Passwörtern und die Erkennung der Stärke (mit Download des Demo-Quellcodes)" class="aBlack">Vollständiges Beispiel für die Generierung von JS-Passwörtern und die Erkennung der Stärke (mit Download des Demo-Quellcodes)</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/de/faq/2248.html" title="Angularjs integriert WeChat UI (weui)" class="aBlack">Angularjs integriert WeChat UI (weui)</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/de/faq/2351.html" title="Wie man mit JavaScript schnell zwischen traditionellem Chinesisch und vereinfachtem Chinesisch wechselt und wie Websites den Wechsel zwischen vereinfachtem und traditionellem Chinesisch unterstützen – Javascript-Kenntnisse" class="aBlack">Wie man mit JavaScript schnell zwischen traditionellem Chinesisch und vereinfachtem Chinesisch wechselt und wie Websites den Wechsel zwischen vereinfachtem und traditionellem Chinesisch unterstützen – Javascript-Kenntnisse</a><div class="clear"></div></li></ul></div></div><ins class="adsbygoogle" style="display:block" data-ad-format="autorelaxed" data-ad-client="ca-pub-5902227090019525" data-ad-slot="5027754603"></ins><script> (adsbygoogle = window.adsbygoogle || []).push({}); </script><footer><div class="footer"><div class="footertop"><img src="/static/imghwm/logo.png" alt=""><p>Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!</p></div><div class="footermid"><a href="http://m.php.cn/de/about/us.html">Über uns</a><a href="http://m.php.cn/de/about/disclaimer.html">Haftungsausschluss</a><a href="http://m.php.cn/de/update/article_0_1.html">Sitemap</a></div><div class="footerbottom"><p> © php.cn All rights reserved </p></div></div></footer><script>isLogin = 0;</script><script type="text/javascript" src="/static/layui/layui.js"></script><script type="text/javascript" src="/static/js/global.js?4.9.47"></script></div><script src="https://vdse.bdstatic.com//search-video.v1.min.js"></script><link rel='stylesheet' id='_main-css' href='/static/css/viewer.min.css' type='text/css' media='all'/><script type='text/javascript' src='/static/js/viewer.min.js?1'></script><script type='text/javascript' src='/static/js/jquery-viewer.min.js'></script><script>jQuery.fn.wait = function (func, times, interval) { var _times = times || -1, //100次 _interval = interval || 20, //20毫秒每次 _self = this, _selector = this.selector, //选择器 _iIntervalID; //定时器id if( this.length ){ //如果已经获取到了,就直接执行函数 func && func.call(this); } else { _iIntervalID = setInterval(function() { if(!_times) { //是0就退出 clearInterval(_iIntervalID); } _times <= 0 || _times--; //如果是正数就 -- _self = $(_selector); //再次选择 if( _self.length ) { //判断是否取到 func && func.call(_self); clearInterval(_iIntervalID); } }, _interval); } return this; } $("table.syntaxhighlighter").wait(function() { $('table.syntaxhighlighter').append("<p class='cnblogs_code_footer'><span class='cnblogs_code_footer_icon'></span></p>"); }); $(document).on("click", ".cnblogs_code_footer",function(){ $(this).parents('table.syntaxhighlighter').css('display','inline-table');$(this).hide(); }); $('.nphpQianCont').viewer({navbar:true,title:false,toolbar:false,movable:false,viewed:function(){$('img').click(function(){$('.viewer-close').trigger('click');});}}); </script></body></html>