Jednorazowe odświeżenie strony po pierwszym załadowaniu strony

Question 1

Chciałbym zaimplementować kod JavaScript, który stwierdza, że: jeśli strona jest wczytywana w całości, odśwież stronę natychmiast, ale tylko raz. Utknąłem na „tylko raz”:

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

daje to pętlę bez „tylko raz”. jQuery jest ładowany, jeśli to pomaga.

Question 2

Powiedziałbym, że użyj skrótu, w ten sposób:

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

Question 3

Kiedy napotykam ten problem, szukam tutaj, ale większość odpowiedzi próbuje zmodyfikować istniejący adres URL. Oto kolejna odpowiedź, która działa dla mnie przy użyciu 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>

Ze względu na warunek if strona przeładuje się tylko raz, ja też napotkałem ten problem i szukając znalazłem to fajne rozwiązanie. U mnie to działa dobrze.

Question 5

Sprawdź ten link, zawiera kod skryptu java, którego możesz użyć do odświeżenia strony tylko raz

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

Istnieje więcej niż jeden sposób na odświeżenie strony:

rozwiązanie1 :

Aby odświeżyć stronę przy każdym jej otwarciu, użyj:

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

rozwiązanie2:

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

Następnie zmień swoje zdanie

<Body onLoad=" LoadOnce()" >

rozwiązanie3:

response.setIntHeader("Refresh", 1);

Ale to rozwiązanie odświeży stronę więcej niż jeden raz, w zależności od określonego czasu

Mam nadzieję, że ci to pomoże

Question 6

umieściłem to w mojej głowie tagi strony, na której chcę jednorazowo załadować:

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

wartość „mc” można ustawić na dowolną, ale obie muszą być zgodne w dwóch wierszach. a „= mobile” może być „= cokolwiek chcesz”, wystarczy wartość, aby zatrzymać odświeżanie.

Question 7

Wreszcie po dwóch miesiącach poszukiwań otrzymałem rozwiązanie do ponownego ładowania strony.

Działa dobrze na moim projekcie JS po stronie klienta.

Napisałem funkcję, która poniżej przeładowuje stronę tylko raz.

1) Najpierw uzyskaj czas wczytywania przeglądarki

2) Pobierz aktualny znacznik czasu

3) Czas ładowania przeglądarki internetowej + 10 sekund

4) Jeśli czas wczytywania przeglądarki jest o 10 sekund dłuższy niż aktualny znacznik czasu, wówczas stronę można odświeżyć za pomocą funkcji "reloadPage ();"

Ale jeśli nie jest dłuższy niż 10 sekund, oznacza to, że strona jest właśnie ponownie ładowana, więc nie będzie ponownie ładowana.

5) Dlatego jeśli wywołasz "reloadPage ();" funkcja gdzieś na stronie twojego pliku js zostanie ponownie załadowana tylko raz.

Mam nadzieję, że to komuś pomoże

// 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 8

<script>

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

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

</script>

to działa doskonale

Question 9

Po </body>tagu:

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

Question 10

Musisz użyć informacji GET lub POST. GET byłoby najprostsze. Twój JS sprawdziłby adres URL, gdyby nie znaleziono określonego parametru, nie odświeżyłby tylko strony, ale raczej wysłałby użytkownika do „innego” adresu URL, który byłby tym samym adresem URL, ale z parametrem GET .

Na przykład:
http://example.com -> odświeży
http://example.com?refresh=no -> nie odświeży

Jeśli nie chcesz niechlujnego adresu URL, umieściłbym trochę PHP na początku treści, która odzwierciedla ukrytą wartość, która zasadniczo mówi, czy niezbędny parametr POST, aby nie odświeżać strony, został uwzględniony w początkowym żądaniu strony. Zaraz po tym można dołączyć kod JS, aby sprawdzić tę wartość i w razie potrzeby odświeżyć stronę Z tymi informacjami POST.

Question 11

Spróbuj z tym

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

Question 12

Spróbuj użyć poniższego kodu

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

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

    return;
    }
});

Question 13

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

        }

Question 14

Użyj tego

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

Question 15

użyj window.localStorage ... w ten sposób

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

To dla mnie praca

Question 16

Oto kolejne rozwiązanie z setTimeout, nie idealne, ale działa:

Wymaga parametru w aktualnym adresie URL, więc po prostu zobrazuj aktualny adres URL tak:

www.google.com?time=1

Poniższy kod powoduje jednorazowe ponowne załadowanie strony:

 // 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);
           }
          }

Zaakceptowana odpowiedź zawiera najmniejszą ilość kodu i jest łatwa do zrozumienia. Właśnie przedstawiłem inne rozwiązanie tego problemu.

Mam nadzieję, że to pomoże innym.

Question 17

Użyj rel = "external", jak na przykładzie poniżej

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

Answer 1

84

Chciałbym zaimplementować kod JavaScript, który stwierdza, że: jeśli strona jest wczytywana w całości, odśwież stronę natychmiast, ale tylko raz. Utknąłem na „tylko raz”:

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

daje to pętlę bez „tylko raz”. jQuery jest ładowany, jeśli to pomaga.

javascript jquery refresh reload Jaskółka oknówka
źródło

1

Co osiągasz, przeładowując stronę? Być może istnieje lepszy sposób rozwiązania problemu.

FishBasketGordo

na stronie zaczyna się pełnoekranowy skrypt galerii jquery, ale kciuki nigdy nie są ładowane w całości. jeśli klikniesz przycisk "odśwież" dla strony, to po prostu załaduje pozostałe ... więc jasne jest, że szukam jakiegoś obejścia ... osobne podanie kciuków jest zbyt skomplikowane (CMS), inne poprawki nie zrobiły To naprawdę nie pomaga ... To 4 MB obrazów, ok. 300kb każdy, w pewnym momencie kciuki obrazu nie są już zmieniane i wyświetlane (przekroczenie limitu czasu? Zbyt duży, zbyt duży?), Ale strona kończy się ładować.

Martin

Miałem podobny problem (javascripts nie działają) podczas korzystania z pjax pjax.heroku.com .

Pratik Khadloya

Answer 2

1

Co osiągasz, przeładowując stronę? Być może istnieje lepszy sposób rozwiązania problemu.

FishBasketGordo

Answer 3

na stronie zaczyna się pełnoekranowy skrypt galerii jquery, ale kciuki nigdy nie są ładowane w całości. jeśli klikniesz przycisk "odśwież" dla strony, to po prostu załaduje pozostałe ... więc jasne jest, że szukam jakiegoś obejścia ... osobne podanie kciuków jest zbyt skomplikowane (CMS), inne poprawki nie zrobiły To naprawdę nie pomaga ... To 4 MB obrazów, ok. 300kb każdy, w pewnym momencie kciuki obrazu nie są już zmieniane i wyświetlane (przekroczenie limitu czasu? Zbyt duży, zbyt duży?), Ale strona kończy się ładować.

Martin

Answer 4

Miałem podobny problem (javascripts nie działają) podczas korzystania z pjax pjax.heroku.com .

Pratik Khadloya

Answer 5

97

Powiedziałbym, że użyj skrótu, w ten sposób:

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

Cokegod
źródło

tak. Właśnie to zasugerowałem.

p3drosola

tak, podobne do mojej sugestii użycia parametru $ _GET, ale trochę łatwiejsze, ponieważ dostęp do skrótu w JS jest łatwiejszy niż dostęp do parametru $ _GET ...

maxedison

4

Jest to najprostsze, o ile w adresach URL nie ma już skrótów. W takim przypadku odczytanie parametru GET byłoby lepsze.

David

Jak możesz to zrobić bez dołączania adresu URL?

zero_cool

sprytne rozwiązanie! kocham to! ❤

anu

Answer 6

tak. Właśnie to zasugerowałem.

p3drosola

Answer 7

tak, podobne do mojej sugestii użycia parametru $ _GET, ale trochę łatwiejsze, ponieważ dostęp do skrótu w JS jest łatwiejszy niż dostęp do parametru $ _GET ...

maxedison

Answer 8

4

Jest to najprostsze, o ile w adresach URL nie ma już skrótów. W takim przypadku odczytanie parametru GET byłoby lepsze.

David

Answer 9

Jak możesz to zrobić bez dołączania adresu URL?

zero_cool

Answer 10

sprytne rozwiązanie! kocham to! ❤

anu

Answer 11

48

Kiedy napotykam ten problem, szukam tutaj, ale większość odpowiedzi próbuje zmodyfikować istniejący adres URL. Oto kolejna odpowiedź, która działa dla mnie przy użyciu localStorage.

<script type='text/javascript'>

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

</script>

Haimei
źródło

Kreatywne rozwiązanie.

JoJo

@Haimei Thx a lot __ / \ __

Pradeep kumar

Answer 12

Kreatywne rozwiązanie.

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>

Ze względu na warunek if strona przeładuje się tylko raz, ja też napotkałem ten problem i szukając znalazłem to fajne rozwiązanie. U mnie to działa dobrze.

Answer 15

Sprawdź ten link, zawiera kod skryptu java, którego możesz użyć do odświeżenia strony tylko raz

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

Istnieje więcej niż jeden sposób na odświeżenie strony:

rozwiązanie1 :

Aby odświeżyć stronę przy każdym jej otwarciu, użyj:

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

rozwiązanie2:

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

Następnie zmień swoje zdanie

<Body onLoad=" LoadOnce()" >

rozwiązanie3:

response.setIntHeader("Refresh", 1);

Ale to rozwiązanie odświeży stronę więcej niż jeden raz, w zależności od określonego czasu

Mam nadzieję, że ci to pomoże

Answer 16

umieściłem to w mojej głowie tagi strony, na której chcę jednorazowo załadować:

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

wartość „mc” można ustawić na dowolną, ale obie muszą być zgodne w dwóch wierszach. a „= mobile” może być „= cokolwiek chcesz”, wystarczy wartość, aby zatrzymać odświeżanie.

Answer 17

Wreszcie po dwóch miesiącach poszukiwań otrzymałem rozwiązanie do ponownego ładowania strony.

Działa dobrze na moim projekcie JS po stronie klienta.

Napisałem funkcję, która poniżej przeładowuje stronę tylko raz.

1) Najpierw uzyskaj czas wczytywania przeglądarki

2) Pobierz aktualny znacznik czasu

3) Czas ładowania przeglądarki internetowej + 10 sekund

4) Jeśli czas wczytywania przeglądarki jest o 10 sekund dłuższy niż aktualny znacznik czasu, wówczas stronę można odświeżyć za pomocą funkcji "reloadPage ();"

Ale jeśli nie jest dłuższy niż 10 sekund, oznacza to, że strona jest właśnie ponownie ładowana, więc nie będzie ponownie ładowana.

5) Dlatego jeśli wywołasz "reloadPage ();" funkcja gdzieś na stronie twojego pliku js zostanie ponownie załadowana tylko raz.

Mam nadzieję, że to komuś pomoże

// 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 18

3

<script>

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

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

</script>

to działa doskonale

Godwin Tommy
źródło

Uwaga: 1000 oznacza 1 sekundę, którą możesz ustawić na dowolne przedziały czasowe.

Godwin Tommy

Answer 19

Uwaga: 1000 oznacza 1 sekundę, którą możesz ustawić na dowolne przedziały czasowe.

Godwin Tommy

Answer 20

1

Po </body>tagu:

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

Vlad Webster
źródło

Answer 21

Musisz użyć informacji GET lub POST. GET byłoby najprostsze. Twój JS sprawdziłby adres URL, gdyby nie znaleziono określonego parametru, nie odświeżyłby tylko strony, ale raczej wysłałby użytkownika do „innego” adresu URL, który byłby tym samym adresem URL, ale z parametrem GET .

Na przykład:
http://example.com -> odświeży
http://example.com?refresh=no -> nie odświeży

Jeśli nie chcesz niechlujnego adresu URL, umieściłbym trochę PHP na początku treści, która odzwierciedla ukrytą wartość, która zasadniczo mówi, czy niezbędny parametr POST, aby nie odświeżać strony, został uwzględniony w początkowym żądaniu strony. Zaraz po tym można dołączyć kod JS, aby sprawdzić tę wartość i w razie potrzeby odświeżyć stronę Z tymi informacjami POST.

Answer 22

0

Spróbuj z tym

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

user2053927
źródło

Answer 23

Spróbuj użyć poniższego kodu

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

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

    return;
    }
});

Answer 24

0

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

        }

Ben Bieler
źródło

Answer 25

0

Użyj tego

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

bakchod_launda
źródło

Answer 26

użyj window.localStorage ... w ten sposób

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

To dla mnie praca

Answer 27

Oto kolejne rozwiązanie z setTimeout, nie idealne, ale działa:

Wymaga parametru w aktualnym adresie URL, więc po prostu zobrazuj aktualny adres URL tak:

www.google.com?time=1

Poniższy kod powoduje jednorazowe ponowne załadowanie strony:

 // 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);
           }
          }

Zaakceptowana odpowiedź zawiera najmniejszą ilość kodu i jest łatwa do zrozumienia. Właśnie przedstawiłem inne rozwiązanie tego problemu.

Mam nadzieję, że to pomoże innym.

Answer 28

-1

Użyj rel = "external", jak na przykładzie poniżej

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

Jay Bharat
źródło

Jednorazowe odświeżenie strony po pierwszym załadowaniu strony

Odpowiedzi: