javascript - 화면 - window location reload false;
jQuery로 페이지를 새로 고치는 방법은 무엇입니까? (15)
JavaScript로 페이지를 새로 고치는 방법은 많이 있습니다.
-
location.reload()
-
history.go(0)
-
location.href = location.href
-
location.href = location.pathname
-
location.replace(location.pathname)
location.reload(false)
웹 서버에서 문서를 다시 가져와야하는 경우 (예 : 문서 내용이 동적으로 변경되는 경우) 인수를
true
로 전달true
.
목록 창작을 계속할 수 있습니다.
-
window.location = window.location
-
window.self.window.self.window.window.location = window.location
- ... 및 기타 534 가지 방법
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
-
parseHTML
이body
태그를 찾지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>