Hướng dẫn redirect to previous page javascript - chuyển hướng đến trang trước javascript

Một trong những vấn đề với việc sử dụng js được xây dựng trong history.go(-1); là hành vi này dựa trên trình duyệt của bạn chứ không phải trên cấu trúc trang web của bạn.

Nếu ai đó quyết định truy cập một trang web trực tiếp từ URL hoặc dấu trang, khi sử dụng history.go(-1); khi hạ cánh, anh ta sẽ được chuyển hướng bên ngoài môi trường trang web.


Khi bạn đang sử dụng WordPress

Chúng ta có thể dễ dàng xây dựng chức năng URL trở lại dựa trên URL người dùng hiện tại.

Bất cứ điều gì có thể được giảm tải vào máy chủ nên được. Thay vì sử dụng js ở đây là một giải pháp thay thế php. Ưu điểm chính ở đây là quý người dùng vào trang web của bạn. Đây là chức năng get_backward_url() của chúng tôi.

add_action( 'init', 'get_backward_url' );
function get_backward_url() {

    $scheme = $_SERVER['REQUEST_SCHEME'];
    $request = $_SERVER['REQUEST_URI'];
    $host = $_SERVER['HTTP_HOST'];

    if ( str_contains( $request, '?' ) ) { //... case handling, urls with variables
        $cleaner = substr( $request, 0, strpos( $request, '?' ) );
        $request = $cleaner;
    };
        
    if ( str_ends_with( $request, '/' ) ) //... case handling, urls with/without end-slash
        $worker = explode( '/', substr( $request, 1, -1 ) );
    else
        $worker = explode( '/', substr( $request, 1 ) );
        
    array_pop( $worker );
    
    if ( str_contains( $host, 'localhost' ) ) //... case handling, urls on local hosting
        $href = esc_url( $scheme . '://' . $host . '/' . implode( '/', $worker ) . '/' );
    else
        $href = esc_url( $scheme . '://' . $host . implode( '/', $worker ) . '/' );

    if ( ! is_home() && ! is_front_page() ) //... case handling, home or front page
        return $href;

};

Sau đó, bất cứ lúc nào chúng ta cần sử dụng nó trong mẫu của chúng ta, chúng ta chỉ có thể xuất nó ở mặt trước ...

← go back

Mã hóa hạnh phúc!

Khi ở trang thứ hai, nút quay lại được kích hoạtwindow Object of the browser’s window and its history property. After that, simply use the back() method on the history to move the browser to the previous entry inside its history list.

Nhấp vào nút trên trang thứ hai đưa người dùng trở lại trang chủ. Referring to the previous page with a reference tag is not a good solution. Most new beginners often try to use the reference tag to move to the previous page, and in the browser’s history, it registers itself as a move forward. So that is not an optimal solution because the browser is not going back. Rather, it is actually going forward.

Tuy nhiên, nút quay lại bị tắt trên trang chủ và nút chuyển tiếp hiện được bật

Điều này có nghĩa là trình duyệt không được chuyển hướng đến trang chủ. Đúng hơn, nó đã được chuyển trở lại từ lịch sử

Gói (lại

Trong phần JavaScript của tài liệu trang web, chỉ cần sử dụng window.history.back () để làm cho các trình duyệt quay trở lại trang trước mà nó đã truy cập. Cửa sổ trên mạng là đối tượng cửa sổ của Trình duyệt, lịch sử của Google là một thuộc tính của đối tượng cửa sổ và Back () là phương thức đang được áp dụng cho lịch sử để di chuyển trình duyệt trở lại. Bài viết này đã sử dụng một ví dụ từng bước để chứng minh hoạt động của phương thức window.history.back ().

Thông tin về các Tác giảhome, and this is the first page that will be used to move to a second page. To create this home HTML document, use the following lines:

<center>

Tôi tò mò về công nghệ và viết và khám phá nó là niềm đam mê của tôi. Tôi quan tâm đến việc học các kỹ năng mới và cải thiện kiến ​​thức của mình và tôi có bằng Cử nhân Khoa học Máy tính.b>This is the First Page!b>

Làm cho một trình duyệt quay trở lại trang trước với sự trợ giúp của JavaScript là khá dễ dàng. Để làm điều này, chỉ cần truy cập vào đối tượng cửa sổ của cửa sổ Trình duyệt và thuộc tính lịch sử của nó. Sau đó, chỉ cần sử dụng phương thức Back () trên lịch sử để chuyển trình duyệt đến mục trước trong danh sách lịch sử của nó.a href="secondPage.html">Click to Visit the Second Pagea>

center>

Lưu ý bổ sung: Tham khảo trang trước với thẻ tham chiếu không phải là một giải pháp tốt. Hầu hết những người mới bắt đầu mới thường cố gắng sử dụng thẻ tham chiếu để chuyển sang trang trước và trong lịch sử trình duyệt, nó tự đăng ký như một bước tiến. Vì vậy, đó không phải là một giải pháp tối ưu vì trình duyệt không quay lại. Thay vào đó, nó thực sự là tiến về phía trước. tag is used to move the browser “forward” on the second page. At this point, the browser shows the following output:

Hướng dẫn redirect to previous page javascript - chuyển hướng đến trang trước javascript

Phương pháp trong Spotlight

Bước 2: Thiết lập SecondPage.html

Tạo một tài liệu HTML khác và đặt tên là SecondPage.html. Trong tệp này, thêm các dòng sau:secondPage.html. In this file, add in the following lines:

<center>

Đây là trang thứ haib>This is the second pageb>

<br />

Đây là trang thứ haib>Click the Button below to "back" to the previous pageb>

<br />

<br />

<br />

Đây là trang thứ haibutton onclick="backButton()">Take me Back!button>

center>

Đây là trang thứ haibackButton(). This will create the following webpage on the browser:

Hướng dẫn redirect to previous page javascript - chuyển hướng đến trang trước javascript

Nhấp vào nút bên dưới để "Quay lại" vào trang trước

<script>

Đây là trang thứ hai() {

Nhấp vào nút bên dưới để "Quay lại" vào trang trướchistory.back();

Đưa tôi trở lại!

script>

Đây là trang thứ haibackButton() is created which will be called on the button press. In this function, the back() method has been applied to the property “history” using the browser’s window object.

Nhấp vào nút bên dưới để "Quay lại" vào trang trước

Đưa tôi trở lại!

Gói (lại

Trong phần JavaScript của tài liệu trang web, chỉ cần sử dụng window.history.back () để làm cho các trình duyệt quay trở lại trang trước mà nó đã truy cập.Cửa sổ trên mạng là đối tượng cửa sổ của Trình duyệt, lịch sử của Google là một thuộc tính của đối tượng cửa sổ và Back () là phương thức đang được áp dụng cho lịch sử để di chuyển trình duyệt trở lại.Bài viết này đã sử dụng một ví dụ từng bước để chứng minh hoạt động của phương thức window.history.back ().window.history.back() to make the browsers go back to the previous page it had visited. The “window” is the browser’s window object, the “history” is a property of the window object, and back() is the method that is being applied to the history to move the browser back. This article used a step-by-step example to demonstrate the working of the window.history.back() method.

Thông tin về các Tác giả

Hướng dẫn redirect to previous page javascript - chuyển hướng đến trang trước javascript

Tôi tò mò về công nghệ và viết và khám phá nó là niềm đam mê của tôi.Tôi quan tâm đến việc học các kỹ năng mới và cải thiện kiến thức của mình và tôi có bằng Cử nhân Khoa học Máy tính.