javascript - 화면 - window location reload false;




jQuery로 페이지를 새로 고치는 방법은 무엇입니까? (15)

JavaScript로 페이지를 새로 고치는 방법은 많이 있습니다.

  1. location.reload()
  2. history.go(0)
  3. location.href = location.href
  4. location.href = location.pathname
  5. location.replace(location.pathname)
  6. location.reload(false)

    웹 서버에서 문서를 다시 가져와야하는 경우 (예 : 문서 내용이 동적으로 변경되는 경우) 인수를 true 로 전달 true .

목록 창작을 계속할 수 있습니다.

var methods = [
  "location.reload()",
  "history.go(0)",
  "location.href = location.href",
  "location.href = location.pathname",
  "location.replace(location.pathname)",
  "location.reload(false)"
];

var $body = $("body");
for (var i = 0; i < methods.length; ++i) {
  (function(cMethod) {
    $body.append($("<button>", {
      text: cMethod
    }).on("click", function() {
      eval(cMethod); // don't blame me for using eval
    }));
  })(methods[i]);
}
button {
  background: #2ecc71;
  border: 0;
  color: white;
  font-weight: bold;
  font-family: "Monaco", monospace;
  padding: 10px;
  border-radius: 4px;
  cursor: pointer;
  transition: background-color 0.5s ease;
  margin: 2px;
}
button:hover {
  background: #27ae60;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

jQuery로 페이지를 새로 고치는 방법은 무엇입니까?


JavaScript에서 가장 짧습니다.

location = '';

jQuery Load 함수는 페이지 새로 고침을 수행 할 수도 있습니다.

$('body').load('views/file.html', function () {
    $(this).fadeIn(5000);
});

jQuery 없이도 모든 브라우저에서 작동합니다.

location.reload();

jQuery를 사용하고 새로 고침하려면 jQuery를 자바 스크립트 함수에 추가하십시오.

오, h3 클릭하면 페이지에서 iframe을 숨기고 싶었습니다. 나에게 h3 이었지만 수동으로 브라우저를 새로 고치지 않으면 iframe 을 볼 수있는 항목을 클릭 할 수 없었습니다 ... 이상적이 아닙니다. .

나는 다음을 시도했다 :

var hide = () => {
    $("#frame").hide();//jQuery
    location.reload(true);//javascript
};

일반 Jane javascript와 jQuery를 함께 사용해야합니다.

// code where hide (where location.reload was used)function was integrated, below    
    iFrameInsert = () => {
        var file = `Fe1FVoW0Nt4`;
        $("#frame").html(`<iframe width=\"560\" height=\"315\" src=\"https://www.youtube.com/embed/${file}\" frameborder=\"0\" allow=\"autoplay; encrypted-media\" allowfullscreen></iframe><h3>Close Player</h3>`);
        $("h3").enter code hereclick(hide);
}

// View Player 
$("#id-to-be-clicked").click(iFrameInsert);

jQuery에서 아무것도 필요 없으며 순수 JavaScript를 사용하여 페이지를 다시로드하려면 다음과 같이 위치 속성에 reload 함수를 사용하면됩니다.

window.location.reload();

기본적으로 브라우저 캐시를 사용하여 페이지를 다시로드합니다 (있는 경우).

강제로 페이지를 다시로드하려면 아래에서와 같이 메소드를 다시로드하기 위해 true 값을 전달하십시오.

window.location.reload(true);

또한 이미 창 범위에 있는 경우 창을 제거하고 다음 작업을 수행 할 수 있습니다.

location.reload();

다음은 jQuery를 사용 하여 페이지를 다시로드하는 데 사용할 수있는 몇 가지 코드입니다.

jQuery 랩퍼를 사용하여 원시 dom 요소를 추출합니다.

코드에서 jQuery 느낌 을 원하고 코드의 속도 / 성능 에 신경 쓰지 않으려는 경우이 옵션을 사용하십시오.

당신의 필요에 맞는 1-10 점을 선택하거나 그 전에 패턴과 답을 바탕으로 몇 가지를 추가하십시오.

<script>
  $(location)[0].reload(); //1
  $(location).get(0).reload(); //2
  $(window)[0].location.reload(); //3
  $(window).get(0).location.reload(); //4
  $(window)[0].$(location)[0].reload(); //5
  $(window).get(0).$(location)[0].reload(); //6
  $(window)[0].$(location).get(0).reload(); //7
  $(window).get(0).$(location).get(0).reload(); //8
  $(location)[0].href = ''; //9
  $(location).get(0).href = ''; //10
  //... and many other more just follow the pattern.
</script>

다음은 jQuery를 사용하여 페이지를 비동기 적으로 다시로드하는 솔루션입니다. window.location = window.location 인한 깜박임을 피할 수 있습니다. 이 예는 대시 보드 에서처럼 지속적으로 재로드되는 페이지를 보여줍니다. 전투 테스트 중이며 타임 스퀘어의 정보 디스플레이 TV에서 실행 중입니다.

<!DOCTYPE html>
<html lang="en">
  <head>
    ...
    <meta http-equiv="refresh" content="300">
    <script src="//ajax.googleapis.com/ajax/libs/jquery/2.2.3/jquery.min.js"></script>
    <script>
    function refresh() {
      $.ajax({
        url: "",
        dataType: "text",
        success: function(html) {
          $('#fu').replaceWith($.parseHTML(html));
          setTimeout(refresh,2000);
        }
      });
    }
    refresh();
    </script>
  </head>
  <body>
    <div id="fu">
      ...
    </div>
  </body>
</html>

노트:

  • $.get('',function(data){$(document.body).html(data)}) 와 같은 $.ajax 직접 사용하면 cache: true 를 사용하더라도 css / js 파일이 캐시 - 그래서 우리는 parseHTML 을 사용 parseHTML
  • parseHTMLbody 태그를 찾지 parseHTML body 전체가 여분의 div에 들어갈 필요가 있습니다.이 너깃 지식이 언젠가는 도움이되기를 바랍니다. 우리가 div 의 ID를 어떻게 선택했는지 추측 할 수 있습니다.
  • http-equiv="refresh" 사용 http-equiv="refresh" javascript / server hiccup에 문제가 생길 경우를 대비하여, 페이지는 전화를받지 않아도 다시로드됩니다.
  • 이 접근법은 아마도 메모리를 어떻게 든 누설하고, http-equiv refresh는

많은 방법들이 효과가있을 것입니다.

  • window.location.reload();
  • history.go(0);
  • window.location.href=window.location.href;

문제는,

JavaScript 로 페이지를 새로 고치는 방법

window.location.href = window.location.href; //This is a possibility
window.location.reload(); //Another possiblity
history.go(0); //And another

너는 선택의 여지가있다.


질문은 일반적인 질문이므로 가능한 해결책을 요약 해 보겠습니다.

간단한 일반 JavaScript 솔루션 :

가장 쉬운 방법은 적절한 방식으로 배치 된 한 줄 솔루션입니다.

location.reload();

"포인트"를 얻기를 희망하기 때문에 많은 사람들이 누락 된 것은 reload () 함수 자체가 매개 변수로 부울을 제공한다는 것입니다 (세부 정보 : location.reload() ).

Location.reload () 메서드는 현재 URL에서 리소스를 다시로드합니다. 선택적 매개 변수 (선택 사항)는 부울입니다. 부울은 true 일 때 페이지가 항상 서버에서 다시로드되도록합니다. false이거나 지정되지 않은 경우 브라우저는 캐시에서 페이지를 다시로드 할 수 있습니다.

즉, 두 가지 방법이 있습니다.

해결책 1 : 서버에서 현재 페이지를 강제로 다시로드합니다.

location.reload(true);

해결책 2 : 캐시 또는 서버에서 다시로드 (브라우저 및 구성에 따라 다름)

location.reload(false);
location.reload();

jQuery와 이벤트 청취를 결합하려는 경우 ".click"대신 다른 ".on ()"메서드를 사용하거나 다른 이벤트 래퍼를 사용하는 것이 좋습니다. 예를 들어보다 적절한 해결책은 다음과 같습니다.

$('#reloadIt').on('eventXyZ', function() {
    location.reload(true);
});

찾았다.

window.location.href = "";

또는

window.location.href = null;

또한 페이지를 새로 고칩니다.

이렇게하면 페이지를 다시로드하여 해시를 제거하는 것이 훨씬 쉬워집니다. iOS 시뮬레이터에서 AngularJS를 사용할 때 매우 유용하므로 앱을 다시 실행할 필요가 없습니다.


onclick="return location.reload();" 사용하십시오 onclick="return location.reload();" 버튼 태그 안에

<button id="refersh-page" name="refersh-page" type="button" onclick="return location.reload();">Refesh Page</button>

window.location.reload() 는 서버에서 다시로드하고 모든 데이터, 스크립트, 이미지 등을 다시로드합니다.

따라서 HTML을 새로 고치려면 window.location = document.URL 이 트래픽이 훨씬 빠르고 빠를 것입니다. 그러나 URL에 해시 (#)가 있으면 페이지를 다시로드하지 않습니다.


간단한 자바 스크립트 솔루션 :

 location = location; 

<button onClick="location = location;">Reload</button>





reload