javascript - How to make JS page redirect trigger before page load - Stack Overflow

admin管理员组

文章数量:1302269

I am using the following script to redirect visitors of a page to another page on first visit, however it loads the index.html page first, and then triggers the redirect. Can anyone point me in the direction of how I might trigger this script before the page loads?

<script type="text/javascript">
    function redirect(){
    var thecookie = readCookie('doRedirect');
    if(!thecookie){window.location = '/ing-soon.html';
    }}
    function createCookie(name,value,days){if (days){
    var date = new Date();date.setTime(date.getTime()+(days*24*60*60*1000));
    var expires = "; expires="+date.toGMTString();
    }
    else var expires = "";document.cookie = name+"="+value+expires+"; path=/";
    }
    function readCookie(name){
    var nameEQ = name + "=";var ca = document.cookie.split(';');
    for(var i=0;i < ca.length;i++){
    var c = ca[i];while (c.charAt(0)==' ') c = c.substring(1,c.length);
    if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);}
    return null;
    }
    window.onload = function(){redirect();createCookie('doRedirect','true','1');}
</script>

(the JS snippet used here was taken from Stack Overflow: JS to redirect to a splash page on first visit)

Thanks.

I am using the following script to redirect visitors of a page to another page on first visit, however it loads the index.html page first, and then triggers the redirect. Can anyone point me in the direction of how I might trigger this script before the page loads?

<script type="text/javascript">
    function redirect(){
    var thecookie = readCookie('doRedirect');
    if(!thecookie){window.location = '/ing-soon.html';
    }}
    function createCookie(name,value,days){if (days){
    var date = new Date();date.setTime(date.getTime()+(days*24*60*60*1000));
    var expires = "; expires="+date.toGMTString();
    }
    else var expires = "";document.cookie = name+"="+value+expires+"; path=/";
    }
    function readCookie(name){
    var nameEQ = name + "=";var ca = document.cookie.split(';');
    for(var i=0;i < ca.length;i++){
    var c = ca[i];while (c.charAt(0)==' ') c = c.substring(1,c.length);
    if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);}
    return null;
    }
    window.onload = function(){redirect();createCookie('doRedirect','true','1');}
</script>

(the JS snippet used here was taken from Stack Overflow: JS to redirect to a splash page on first visit)

Thanks.

• javascript
• http-redirect
• cookies
• onload

Share Follow edited May 23, 2017 at 11:54 CommunityBot 111 silver badge asked Jul 2, 2013 at 8:18 jasonbradberryjasonbradberry 87322 gold badges1717 silver badges3030 bronze badges 5

• don't do it in window.onload callback. Just put this code in head tag, then browser will run it as far as it parsed it. Also you'll better create cookie before redirect to ensure it executed. – Tommi Commented Jul 2, 2013 at 8:34
• To clarify, you mean change the last line to this? function(){redirect();createCookie('doRedirect','true','1');} – jasonbradberry Commented Jul 2, 2013 at 8:35
• Sorry, don't get your last question. What is "this"? – Tommi Commented Jul 2, 2013 at 8:37
• Edited! Hit enter too soon. – jasonbradberry Commented Jul 2, 2013 at 8:38
• I posted what I meant as answer. – Tommi Commented Jul 2, 2013 at 8:40

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 2

You don't need to wait while window is loaded:

<script type="text/javascript">
    var thecookie = readCookie('doRedirect');
    if(!thecookie) {
       createCookie('doRedirect','true','1');
       window.location = '/ing-soon.html';
    };
    function createCookie(name,value,days){
      // do work
    }
    function readCookie(name){
      // do work
    }
</script>

Also Petr B. said right thing: server-side redirect is better in your case.

Try this How to Run a jQuery or JavaScript Before Page Start to Load.

Btw. if you want redirect without displaying page you must use php with cookies check.

本文标签： javascriptHow to make JS page redirect trigger before page loadStack Overflow