[Javascript] 다른 웹 페이지로 리디렉션하려면 어떻게해야합니까?



Answers

경고 : 이 대답은 가능한 해결책으로 제공되었을뿐입니다. 그것은 jQuery를 필요로하기 때문에 분명히 최선의 해결책은 아닙니다 . 대신 순수한 JavaScript 솔루션을 선호하십시오.

$(location).attr('href', 'http://stackoverflow.com')
Question

jQuery 또는 순수한 JavaScript를 사용하여 한 페이지에서 다른 페이지로 사용자를 리디렉션 할 수 있습니까?




그러나 누군가 홈 페이지로 다시 리디렉션하려는 경우 다음 스 니펫을 사용할 수 있습니다.

window.location = window.location.host

개발, 스테이징 및 프로덕션과 같은 세 가지 환경이 있다면 도움이됩니다.

Chrome 콘솔이나 Firebug 콘솔에이 단어를 넣어서이 창이나 window.location 객체를 탐색 할 수 있습니다.




용도:

// window.location
window.location.replace('http://www.example.com')
window.location.assign('http://www.example.com')
window.location.href = 'http://www.example.com'
document.location.href = '/path'

// window.history
window.history.back()
window.history.go(-1)

// window.navigate; ONLY for old versions of Internet Explorer
window.navigate('top.jsp')


// Probably no bueno
self.location = 'http://www.example.com';
top.location = 'http://www.example.com';

// jQuery
$(location).attr('href','http://www.example.com')
$(window).attr('location','http://www.example.com')
$(location).prop('href', 'http://www.example.com')



JavaScript와 jQuery에서 다음 코드를 사용하여 한 페이지를 다른 페이지로 리디렉션 할 수 있습니다.

window.location.href="http://google.com";
window.location.replace("page1.html");



var url = 'asdf.html';
window.location.href = url;



난 그냥 또 다른 최신 jQuery 메서드 로이 어리 석음을 업데이 트했다 :

var url = 'http://www.fiftywaystoleaveyourlocation.com';
$(location).prop('href', url);



이것은 jQuery와 작동합니다 :

$(window).attr("location", "http://google.fr");



클릭 기능에서 다음을 추가하십시오.

window.location.href = "The URL where you want to redirect";
$('#id').click(function(){
    window.location.href = "http://www.google.com";
});






jQuery는 필요하지 않습니다. 당신은 이것을 할 수 있습니다 :

window.open("URL","_self","","")

그것은 쉽다!

HTTP 요청을 시작하는 가장 좋은 방법은 document.loacation.href.replace('URL') 입니다.




***** 원래의 질문은 - "JQUERY 사용법을 재조정하는 방법"이었고, 대답은 JQUERY를 구현 함 >> 비준 사용 사례 *****

자바 스크립트가있는 페이지로 리디렉션하는 방법은 다음과 같습니다.

  window.location.href = "/contact/";

또는 지연이 필요한 경우 :

setTimeout(function () {
  window.location.href = "/contact/";
}, 2000);   // Time in milliseconds

jQuery를 사용하면 웹 페이지에서 요소를 쉽게 선택할 수 있습니다. 페이지에서 원하는 항목을 찾은 다음 jQuery를 사용하여 특수 효과를 추가하거나, 사용자 동작에 반응하거나, 선택한 요소의 내부 또는 외부에있는 내용을 표시하거나 숨길 수 있습니다. 이 모든 작업 은 요소 나 이벤트를 선택하는 방법부터 시작합니다.

     $('a,img').on('click',function(e){
         e.preventDefault();
         $(this).animate({
             opacity: 0 //Put some CSS animation here
         }, 500);
         setTimeout(function(){
           // OK, finished jQuery staff, let's go redirect
           window.location.href = "/contact/";
         },500);
     });

누군가 10000 줄의 코드 인 스크립트 / 플러그인을 작성했다고 상상해보십시오! 자, jQuery를 사용하면 한 줄 또는 두 줄만으로이 코드에 연결할 수 있습니다.




먼저 올바르게 작성하십시오. 다른 링크를 위해 응용 프로그램 내에서 다른 링크를 탐색하려고합니다. 다음은 코드입니다.

window.location.href = "http://www.google.com";

원하는 경우 응용 프로그램 내에서 페이지를 탐색하려는 경우 코드가 있습니다.




다음은 시간 지연 방향 전환입니다. 지연 시간을 원하는대로 설정할 수 있습니다.

<!doctype html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Your Document Title</title>
    <script type="text/javascript">
        function delayer(delay) {
            onLoad = setTimeout('window.location.href = "http://www.google.com/"', delay);
        }
    </script>
</head>

<body>
    <script>
        delayer(8000)
    </script>
    <div>You will be redirected in 8 seconds!</div>
</body>

</html>



# jQuery / JavaScript를 사용한 HTML 페이지 리디렉션

다음 예제 코드를 시도해보십시오.

function YourJavaScriptFunction()
{
    var i = $('#login').val();
    if (i == 'login')
        window.location = "login.php";
    else
        window.location = "Logout.php";
}

window.location = "www.google.co.in"; 으로 전체 URL을 제공하려는 경우 window.location = "www.google.co.in"; .




자신이하려는 일에 대해 조금 더 설명력이 있다면 도움이 될 것입니다. 페이징 된 데이터를 생성하려는 경우이를 수행하는 방법에 몇 가지 옵션이 있습니다. 직접 가져올 수있는 각 페이지마다 별도의 링크를 생성 할 수 있습니다.

<a href='/path-to-page?page=1' class='pager-link'>1</a>
<a href='/path-to-page?page=2' class='pager-link'>2</a>
<span class='pager-link current-page'>3</a>
...

예제의 현재 페이지는 코드와 CSS에서 다르게 처리됩니다.

페이징 된 데이터를 AJAX를 통해 변경하려면 jQuery가 들어갈 곳을 선택하십시오. 다른 페이지에 해당하는 각 앵커 태그에 클릭 핸들러를 추가하면됩니다. 이 클릭 핸들러는 AJAX를 통해 다음 페이지를 가져 와서 새 데이터로 테이블을 업데이트하는 jQuery 코드를 호출합니다. 아래 예제에서는 새 페이지 데이터를 반환하는 웹 서비스가 있다고 가정합니다.

$(document).ready( function() {
    $('a.pager-link').click( function() {
        var page = $(this).attr('href').split(/\?/)[1];
        $.ajax({
            type: 'POST',
            url: '/path-to-service',
            data: page,
            success: function(content) {
               $('#myTable').html(content);  // replace
            }
        });
        return false; // to stop link
    });
});



Links