Hướng dẫn how do i display one html page inside another? - làm cách nào để hiển thị một trang html bên trong một trang khác?

Tôi cần hiển thị hoặc tải một trang HTML trong một trang HTML khác trên một nút nhấp chuột. Tôi cần điều này trong một cửa sổ bật lên với trang HTML chính làm nền.

Bất kỳ sự giúp đỡ được đánh giá cao.

Hỏi ngày 20 tháng 8 năm 2012 lúc 5:33Aug 20, 2012 at 5:33

2

Aᴍɪʀ

7.2783 Huy hiệu vàng37 Huy hiệu bạc 50 Huy hiệu Đồng3 gold badges37 silver badges50 bronze badges

Đã trả lời ngày 20 tháng 8 năm 2012 lúc 5:45Aug 20, 2012 at 5:45

JitenderjitenderJitender

7.25526 Huy hiệu vàng95 Huy hiệu bạc199 Huy hiệu Đồng26 gold badges95 silver badges199 bronze badges

2

Bạn có thể sử dụng jQuery

Trên sự kiện nhấp vào bạn có thể làm cho nó hiển thị khối.

Đã trả lời ngày 7 tháng 8 năm 2013 lúc 13:46Aug 7, 2013 at 13:46

1

Tải một trang trong một trang bằng iframe. Sau đây sẽ phục vụ như một điểm khởi đầu tốt.

  

    
  

  


  

    Link to Page 2

    Link to Page 3
  

Đã trả lời ngày 20 tháng 8 năm 2012 lúc 5:43Aug 20, 2012 at 5:43

EuriceuricEuric

3192 Huy hiệu bạc6 Huy hiệu đồng2 silver badges6 bronze badges

Tại sao bạn không sử dụng

function jsredir() {
  window.location.href = "https://stackoverflow.com";
}

Click Me!

Đã trả lời ngày 15 tháng 10 năm 2016 lúc 10:30Oct 15, 2016 at 10:30

Doruk Ayardoruk AyarDoruk Ayar

3421 Huy hiệu vàng4 Huy hiệu bạc17 Huy hiệu đồng1 gold badge4 silver badges17 bronze badges

Điều bạn đang hỏi không phải là cửa sổ bật lên mà là hộp đèn. Đối với điều này, thủ thuật là hiển thị một lớp bán trong suốt phía sau (được gọi là lớp phủ) và điều đó yêu cầu div ở trên nó.

Hy vọng bạn là JavaScript cơ bản quen thuộc. Sử dụng mã sau. Với JavaScript, thay đổi Hiển thị: Block to/from Display: Không có để hiển thị/ẩn cửa sổ bật lên.

Arkan

6.1363 huy hiệu vàng37 Huy hiệu bạc54 Huy hiệu đồng3 gold badges37 silver badges54 bronze badges

Đã trả lời ngày 20 tháng 8 năm 2012 lúc 5:49Aug 20, 2012 at 5:49

Kapil Sharmakapil SharmaKapil Sharma

9.8168 Huy hiệu vàng36 Huy hiệu bạc65 Huy hiệu Đồng8 gold badges36 silver badges65 bronze badges

Open popup

Đã trả lời ngày 20 tháng 8 năm 2012 lúc 5:42Aug 20, 2012 at 5:42

Ygssoniygssoniygssoni

7.1092 Huy hiệu vàng22 Huy hiệu bạc22 Huy hiệu Đồng2 gold badges22 silver badges22 bronze badges

Bạn có thể thử FancyBox: http://fancyapps.com/fancybox/

Bạn chỉ cần tải jQuery và fancybox.css và fancybox.js:

và thêm mã JS trong trang của bạn:

$("youBtnSelector").click(function() {
    $.fancybox.open({
        href : 'you html path',
        type : 'iframe',
        padding : 5
    });
})

Nó rất dễ làm

Đã trả lời ngày 24 tháng 12 năm 2012 lúc 6:25Dec 24, 2012 at 6:25

Zsytsskzsysskzsytssk

6421 Huy hiệu vàng6 Huy hiệu bạc14 Huy hiệu đồng1 gold badge6 silver badges14 bronze badges

1

Bạn nghĩ thế nào về

Open

Đã trả lời ngày 20 tháng 8 năm 2012 lúc 5:51Aug 20, 2012 at 5:51

Swemonswemonswemon

5.7244 Huy hiệu vàng30 Huy hiệu bạc54 Huy hiệu Đồng4 gold badges30 silver badges54 bronze badges

Nếu bạn đang tìm kiếm một cửa sổ bật lên trong trang, đó không phải là cửa sổ trình duyệt mới, thì tôi sẽ xem các triển khai "hộp đèn" khác nhau trong JavaScript.not a new browser window, then I would take a look at the various "LightBox" implementations in Javascript.

Đã trả lời ngày 20 tháng 8 năm 2012 lúc 5:59Aug 20, 2012 at 5:59

Iframe là tuyệt vời cho những gì nó làm, nhưng nó không phải là một cửa sổ bật lên. Tôi sử dụng nó trên một số trang của mình để trình duyệt chỉ phải tải nội dung mới giúp tải nhanh hơn và bảo tồn băng thông.

Với một cửa sổ bật lên tải trên đầu cửa sổ hiện tại, đây là mục đích thực sự của một cửa sổ bật lên, để hiển thị nội dung trên trang bạn đang bật mà không tải trang bạn đang bật. iframe được sử dụng để bảo quản trang chính trong khi hiển thị nội dung trong cửa sổ. Phương pháp cũ để có một trang mặc định với nội dung < *có thể chỉnh sửa> có phần bị lỗi. Những người khác đã cung cấp mã tôi sẽ thêm rằng bằng cách sử dụng hàm -Onclick- với độ trong suốt -popup- wither hay không. Tôi sẽ đi với không!

Hy vọng điều này sẽ làm rõ ràng mọi thứ.

Đã trả lời ngày 15 tháng 11 năm 2021 lúc 14:00Nov 15, 2021 at 14:00

Vào năm 20222022

Đã trả lời ngày 28 tháng 6 lúc 6:32Jun 28 at 6:32

Làm cách nào để liên kết hai trang HTML trong HTML?