Одноразовое обновление страницы после загрузки первой страницы

Question 1

Я хотел бы реализовать код JavaScript, который гласит следующее: если страница загружена полностью, обновите страницу немедленно, но только один раз. Я застрял на «только один раз»:

window.onload = function () {window.location.reload()}

это дает цикл без «только один раз». Если это помогает, загружается jQuery.

Question 2

Я бы сказал, используйте хеш, например:

window.onload = function() {
    if(!window.location.hash) {
        window.location = window.location + '#loaded';
        window.location.reload();
    }
}

Question 3

Когда я сталкиваюсь с этой проблемой, я ищу здесь, но большинство ответов пытаются изменить существующий URL-адрес. Вот еще один ответ, который работает для меня с использованием localStorage.

<script type='text/javascript'>

(function()
{
  if( window.localStorage )
  {
    if( !localStorage.getItem('firstLoad') )
    {
      localStorage['firstLoad'] = true;
      window.location.reload();
    }  
    else
      localStorage.removeItem('firstLoad');
  }
})();

</script>

Question 4

<script type="text/javascript">
$(document).ready(function(){    
    //Check if the current URL contains '#'
    if(document.URL.indexOf("#")==-1){
        // Set the URL to whatever it was plus "#".
        url = document.URL+"#";
        location = "#";

        //Reload the page
        location.reload(true);
    }
});
</script>

Из-за условия if страница будет перезагружена только один раз. Я тоже столкнулся с этой проблемой, и когда я поискал, я нашел это хорошее решение. У меня это отлично работает.

Question 5

Отметьте эту ссылку, она содержит код java-скрипта, который вы можете использовать для обновления своей страницы только один раз.

http://www.hotscripts.com/forums/javascript/4460-how-do-i-have-page-automatically-refesh-only-once.html

Есть несколько способов обновить вашу страницу:

решение1 :

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

<head>
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
<META HTTP-EQUIV="Expires" CONTENT="-1">
</head>

sollution2:

<script language=" JavaScript" >
<!-- 
function LoadOnce() 
{ 
window.location.reload(); 
} 
//-->
</script>

Затем измените свое, чтобы сказать

<Body onLoad=" LoadOnce()" >

решение3:

response.setIntHeader("Refresh", 1);

Но это решение обновит страницу более одного раза в зависимости от времени, которое вы указали.

Я надеюсь это поможет тебе

Question 6

<script>

function reloadIt() {
    if (window.location.href.substr(-2) !== "?r") {
        window.location = window.location.href + "?r";
    }
}

setTimeout('reloadIt()', 1000)();

</script>

это отлично работает

Question 7

Я помещаю это в свои главные теги страницы, которую хочу перезагрузить:

<?php if(!isset($_GET['mc'])) {
echo '<meta http-equiv="refresh" content= "0;URL=?mc=mobile" />';
} ?>

значение "mc" может быть любым, но оба должны совпадать в двух строках. а "= mobile" может быть "= anyyouwant", ему просто нужно значение, чтобы остановить обновление.

Question 8

Наконец, после двухмесячного исследования я получил решение для перезагрузки страницы один раз.

Он отлично работает с моим клиентским JS-проектом.

Я написал функцию, которая ниже перезагружает страницу только один раз.

1) Первое получение времени загрузки браузера

2) Получить текущую метку времени

3) Время загрузки браузера + 10 секунд

4) Если время загрузки браузера на + 10 секунд больше, чем текущая временная метка Now, то страницу можно обновить с помощью reloadPage ();

Но если он не превышает 10 секунд, это означает, что страница просто перезагружается, поэтому она не будет перезагружаться повторно.

5) Следовательно, если вы вызываете reloadPage (); функция где-нибудь на странице вашего js файла будет перезагружена только один раз.

Надеюсь, это поможет кому-то

// Reload Page Function //
                function reloadPage() {
                    var currentDocumentTimestamp = new Date(performance.timing.domLoading).getTime();
                    // Current Time //
                    var now = Date.now();
                    // Total Process Lenght as Minutes //
                    var tenSec = 10 * 1000;
                    // End Time of Process //
                    var plusTenSec = currentDocumentTimestamp + tenSec;
                    if (now > plusTenSec) {
                        location.reload();
                    }
                }


                // You can call it in somewhere //
                reloadPage();

Question 9

используйте window.localStorage ... вот так

var refresh = $window.localStorage.getItem('refresh');
console.log(refresh);
if (refresh===null){
    window.location.reload();
    $window.localStorage.setItem('refresh', "1");
}

Это работа для меня

Question 10

После </body>тега:

<script type="text/javascript">
if (location.href.indexOf('reload')==-1)
{
   location.href=location.href+'?reload';
}
</script>

Question 11

Вам нужно будет использовать информацию GET или POST. Получить было бы проще всего. Ваш JS проверит URL-адрес, если определенный параметр не найден, он не просто обновит страницу, а скорее отправит пользователя на «другой» URL-адрес, который будет тем же URL-адресом, но с параметром GET в нем. .

Например:
http://example.com -> обновит
http://example.com?refresh=no -> не обновит

Если вам не нужен беспорядочный URL-адрес, я бы включил немного PHP в самом начале тела, которое отображает скрытое значение, которое, по сути, говорит, был ли включен необходимый параметр POST для отказа от обновления страницы в первоначальный запрос страницы. Сразу после этого вы должны включить JS, чтобы проверить это значение и обновить страницу с этой информацией POST, если это необходимо.

Question 12

Попробуйте с этим

var element = document.getElementById('position');        
element.scrollIntoView(true);`

Question 13

Пожалуйста, попробуйте с кодом ниже

var windowWidth = $(window).width();

$(window).resize(function() {
    if(windowWidth != $(window).width()){
    location.reload();

    return;
    }
});

Question 14

        var foo = true;
        if (foo){
            window.location.reload(true);
            foo = false;

        }

Question 15

использовать этот

<body onload =  "if (location.search.length < 1){window.location.reload()}">

Question 16

Вот еще одно решение с setTimeout, не идеальное, но оно работает:

Для этого требуется параметр в текущем URL-адресе, поэтому просто изобразите текущий URL-адрес:

www.google.com?time=1

Следующий код заставляет страницу перезагружаться только один раз:

 // Reload Page Function //
    // get the time parameter //
        let parameter = new URLSearchParams(window.location.search);
          let time = parameter.get("time");
          console.log(time)//1
          let timeId;
          if (time == 1) {
    // reload the page after 0 ms //
           timeId = setTimeout(() => {
            window.location.reload();//
           }, 0);
   // change the time parameter to 0 //
           let currentUrl = new URL(window.location.href);
           let param = new URLSearchParams(currentUrl.search);
           param.set("time", 0);
   // replace the time parameter in url to 0; now it is 0 not 1 //
           window.history.replaceState({}, "", `${currentUrl.pathname}?${param}`);
        // cancel the setTimeout function after 0 ms //
           let currentTime = Date.now();
           if (Date.now() - currentTime > 0) {
            clearTimeout(timeId);
           }
          }

В принятом ответе используется минимум кода, и его легко понять. Я просто предложил другое решение этой проблемы.

Надеюсь, это поможет другим.

Question 17

Используйте rel = "external", как показано ниже в примере

<li><a href="index.html" rel="external" data-theme="c">Home</a></li>

Answer 1

84

Я хотел бы реализовать код JavaScript, который гласит следующее: если страница загружена полностью, обновите страницу немедленно, но только один раз. Я застрял на «только один раз»:

window.onload = function () {window.location.reload()}

это дает цикл без «только один раз». Если это помогает, загружается jQuery.

javascript jquery refresh reload Мартин
источник

1

Чего вы добиваетесь, перезагружая страницу? Возможно, есть лучший способ решить проблему.

FishBasketGordo 08

на странице начинается сценарий полноэкранной галереи jquery, но большие пальцы никогда не загружаются полностью. если вы нажмете кнопку «Обновить» для страницы, она просто загрузит оставшиеся ... так что ясно, что я ищу какой-то обходной путь ... давать большие пальцы по отдельности слишком сложно (CMS), другие исправления ошибок не действительно не помогло ... Это 4 МБ изображений, прибл. 300 КБ каждый, в какой-то момент большие пальцы изображений больше не меняются и не отображаются (тайм-аут? Слишком большой, слишком большой ??), но страница завершает загрузку.

Мартин

У меня возникла аналогичная проблема (javascripts не работают) при использовании pjax pjax.heroku.com .

Pratik Khadloya

Answer 2

1

Чего вы добиваетесь, перезагружая страницу? Возможно, есть лучший способ решить проблему.

FishBasketGordo 08

Answer 3

на странице начинается сценарий полноэкранной галереи jquery, но большие пальцы никогда не загружаются полностью. если вы нажмете кнопку «Обновить» для страницы, она просто загрузит оставшиеся ... так что ясно, что я ищу какой-то обходной путь ... давать большие пальцы по отдельности слишком сложно (CMS), другие исправления ошибок не действительно не помогло ... Это 4 МБ изображений, прибл. 300 КБ каждый, в какой-то момент большие пальцы изображений больше не меняются и не отображаются (тайм-аут? Слишком большой, слишком большой ??), но страница завершает загрузку.

Мартин

Answer 4

У меня возникла аналогичная проблема (javascripts не работают) при использовании pjax pjax.heroku.com .

Pratik Khadloya

Answer 5

98

Я бы сказал, используйте хеш, например:

window.onload = function() {
    if(!window.location.hash) {
        window.location = window.location + '#loaded';
        window.location.reload();
    }
}

Cokegod
источник

Ага. Я просто собирался это предложить.

p3drosola 08

да, похоже на мое предложение использовать параметр $ _GET, но немного проще, поскольку доступ к хешу в JS проще, чем доступ к параметру $ _GET ...

maxedison

4

Это самый простой способ, если в URL-адресах еще нет хешей. В этом случае было бы лучше прочитать параметр GET.

Дэвид

Как вы можете сделать это, не добавляя URL?

zero_cool

умное решение! любить это! ❤

ану

Answer 6

Ага. Я просто собирался это предложить.

p3drosola 08

Answer 7

да, похоже на мое предложение использовать параметр $ _GET, но немного проще, поскольку доступ к хешу в JS проще, чем доступ к параметру $ _GET ...

maxedison

Answer 8

4

Это самый простой способ, если в URL-адресах еще нет хешей. В этом случае было бы лучше прочитать параметр GET.

Дэвид

Answer 9

Как вы можете сделать это, не добавляя URL?

zero_cool

Answer 10

умное решение! любить это! ❤

ану

Answer 11

Когда я сталкиваюсь с этой проблемой, я ищу здесь, но большинство ответов пытаются изменить существующий URL-адрес. Вот еще один ответ, который работает для меня с использованием localStorage.

<script type='text/javascript'>

(function()
{
  if( window.localStorage )
  {
    if( !localStorage.getItem('firstLoad') )
    {
      localStorage['firstLoad'] = true;
      window.location.reload();
    }  
    else
      localStorage.removeItem('firstLoad');
  }
})();

</script>

Answer 12

Креативное решение.

JoJo

Answer 13

@Haimei Thx a lot __ / \ __

Pradeep kumar

Answer 14

<script type="text/javascript">
$(document).ready(function(){    
    //Check if the current URL contains '#'
    if(document.URL.indexOf("#")==-1){
        // Set the URL to whatever it was plus "#".
        url = document.URL+"#";
        location = "#";

        //Reload the page
        location.reload(true);
    }
});
</script>

Из-за условия if страница будет перезагружена только один раз. Я тоже столкнулся с этой проблемой, и когда я поискал, я нашел это хорошее решение. У меня это отлично работает.

Answer 15

Отметьте эту ссылку, она содержит код java-скрипта, который вы можете использовать для обновления своей страницы только один раз.

http://www.hotscripts.com/forums/javascript/4460-how-do-i-have-page-automatically-refesh-only-once.html

Есть несколько способов обновить вашу страницу:

решение1 :

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

<head>
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
<META HTTP-EQUIV="Expires" CONTENT="-1">
</head>

sollution2:

<script language=" JavaScript" >
<!-- 
function LoadOnce() 
{ 
window.location.reload(); 
} 
//-->
</script>

Затем измените свое, чтобы сказать

<Body onLoad=" LoadOnce()" >

решение3:

response.setIntHeader("Refresh", 1);

Но это решение обновит страницу более одного раза в зависимости от времени, которое вы указали.

Я надеюсь это поможет тебе

Answer 16

4

<script>

function reloadIt() {
    if (window.location.href.substr(-2) !== "?r") {
        window.location = window.location.href + "?r";
    }
}

setTimeout('reloadIt()', 1000)();

</script>

это отлично работает

Годвин Томми
источник

Примечание: 1000 означает 1 секунду, вы можете установить любые временные интервалы, которые захотите.

Godwin Tommy

Answer 17

Примечание: 1000 означает 1 секунду, вы можете установить любые временные интервалы, которые захотите.

Godwin Tommy

Answer 18

Я помещаю это в свои главные теги страницы, которую хочу перезагрузить:

<?php if(!isset($_GET['mc'])) {
echo '<meta http-equiv="refresh" content= "0;URL=?mc=mobile" />';
} ?>

значение "mc" может быть любым, но оба должны совпадать в двух строках. а "= mobile" может быть "= anyyouwant", ему просто нужно значение, чтобы остановить обновление.

Answer 19

Наконец, после двухмесячного исследования я получил решение для перезагрузки страницы один раз.

Он отлично работает с моим клиентским JS-проектом.

Я написал функцию, которая ниже перезагружает страницу только один раз.

1) Первое получение времени загрузки браузера

2) Получить текущую метку времени

3) Время загрузки браузера + 10 секунд

4) Если время загрузки браузера на + 10 секунд больше, чем текущая временная метка Now, то страницу можно обновить с помощью reloadPage ();

Но если он не превышает 10 секунд, это означает, что страница просто перезагружается, поэтому она не будет перезагружаться повторно.

5) Следовательно, если вы вызываете reloadPage (); функция где-нибудь на странице вашего js файла будет перезагружена только один раз.

Надеюсь, это поможет кому-то

// Reload Page Function //
                function reloadPage() {
                    var currentDocumentTimestamp = new Date(performance.timing.domLoading).getTime();
                    // Current Time //
                    var now = Date.now();
                    // Total Process Lenght as Minutes //
                    var tenSec = 10 * 1000;
                    // End Time of Process //
                    var plusTenSec = currentDocumentTimestamp + tenSec;
                    if (now > plusTenSec) {
                        location.reload();
                    }
                }


                // You can call it in somewhere //
                reloadPage();

Answer 20

используйте window.localStorage ... вот так

var refresh = $window.localStorage.getItem('refresh');
console.log(refresh);
if (refresh===null){
    window.location.reload();
    $window.localStorage.setItem('refresh', "1");
}

Это работа для меня

Answer 21

1

После </body>тега:

<script type="text/javascript">
if (location.href.indexOf('reload')==-1)
{
   location.href=location.href+'?reload';
}
</script>

Влад Вебстер
источник

Answer 22

Вам нужно будет использовать информацию GET или POST. Получить было бы проще всего. Ваш JS проверит URL-адрес, если определенный параметр не найден, он не просто обновит страницу, а скорее отправит пользователя на «другой» URL-адрес, который будет тем же URL-адресом, но с параметром GET в нем. .

Например:
http://example.com -> обновит
http://example.com?refresh=no -> не обновит

Если вам не нужен беспорядочный URL-адрес, я бы включил немного PHP в самом начале тела, которое отображает скрытое значение, которое, по сути, говорит, был ли включен необходимый параметр POST для отказа от обновления страницы в первоначальный запрос страницы. Сразу после этого вы должны включить JS, чтобы проверить это значение и обновить страницу с этой информацией POST, если это необходимо.

Answer 23

0

Попробуйте с этим

var element = document.getElementById('position');        
element.scrollIntoView(true);`

user2053927
источник

Answer 24

Пожалуйста, попробуйте с кодом ниже

var windowWidth = $(window).width();

$(window).resize(function() {
    if(windowWidth != $(window).width()){
    location.reload();

    return;
    }
});

Answer 25

0

        var foo = true;
        if (foo){
            window.location.reload(true);
            foo = false;

        }

Бен Билер
источник

Answer 26

0

использовать этот

<body onload =  "if (location.search.length < 1){window.location.reload()}">

bakchod_launda
источник

Answer 27

Вот еще одно решение с setTimeout, не идеальное, но оно работает:

Для этого требуется параметр в текущем URL-адресе, поэтому просто изобразите текущий URL-адрес:

www.google.com?time=1

Следующий код заставляет страницу перезагружаться только один раз:

 // Reload Page Function //
    // get the time parameter //
        let parameter = new URLSearchParams(window.location.search);
          let time = parameter.get("time");
          console.log(time)//1
          let timeId;
          if (time == 1) {
    // reload the page after 0 ms //
           timeId = setTimeout(() => {
            window.location.reload();//
           }, 0);
   // change the time parameter to 0 //
           let currentUrl = new URL(window.location.href);
           let param = new URLSearchParams(currentUrl.search);
           param.set("time", 0);
   // replace the time parameter in url to 0; now it is 0 not 1 //
           window.history.replaceState({}, "", `${currentUrl.pathname}?${param}`);
        // cancel the setTimeout function after 0 ms //
           let currentTime = Date.now();
           if (Date.now() - currentTime > 0) {
            clearTimeout(timeId);
           }
          }

В принятом ответе используется минимум кода, и его легко понять. Я просто предложил другое решение этой проблемы.

Надеюсь, это поможет другим.

Answer 28

-1

Используйте rel = "external", как показано ниже в примере

<li><a href="index.html" rel="external" data-theme="c">Home</a></li>

Джей Бхарат
источник

Одноразовое обновление страницы после загрузки первой страницы

Ответы: