Tôi đang cố gắng như thế này.Nhưng frame1 hiển thị. Tôi không thể hiển thị frame2. Mã bên dưới,Cách sử dụng iframe lồng nhau trong html?
<!DOCTYPE html>
<html>
<body>
<iframe src="http://www.w3schools.com" width="1000" height="1000" id="frame1" name="frame1">
<iframe width="200" height="200" src="http://www.bing.com" id="frame2" name="frame2">
</iframe></iframe></body></html>
Bất kỳ ai cũng có thể giúp tôi.
Các phần tử con của iframe là nội dung thay thế để sử dụng nếu khung bị tắt hoặc không được hỗ trợ.
Làm cho khung hình con trở thành anh chị em hoặc di chuyển nó đến tài liệu bạn tải vào khung bên ngoài.
Bạn có thể xếp chồng lên. Nhưng để làm tổ, bạn cần chỉnh sửa nó.
Trang chính có mã iframe trỏ tới trang1. Trang 1 có mã iframe trỏ tới page2.
Không lồng chúng trong một trang. Nếu bạn không thể sửa trang 1 thì hãy xếp chúng lên.
MainPage.html
<DOCTYPE html><html><body>
<iframe src="page1.html" width="1000" height="1000" id="frame1" name="frame1"></iframe>
</body></html>
Page1.html
<!DOCTYPE html><html><body>
<iframe width="200" height="200" src="page2.html" id="frame2" name="frame2"></iframe>
</body></html>
Đối xếp chồng, xem @Andri câu trả lời.
Làm cách nào để sửa đổi mã dựa trên nhu cầu của tôi? – Balakumar
Balakumar cho ngăn xếp u có thể xem mã bởi @Andri. Nó sẽ đặt hai trang lên và xuống. Nhưng nếu bạn thực sự muốn có một phiên bản lồng nhau, hãy xem chỉnh sửa của tôi ở trên. –
Sử dụng nút "Mã mẫu" được đặt tên khéo léo để định dạng mã. – JJJ
thử thay đổi đánh dấu của bạn như sau:
<!DOCTYPE html>
<html>
<body>
<iframe src="http://www.w3schools.com" width="1000" height="1000" id="frame1" name="frame1">
</iframe>
<iframe width="200" height="200" src="http://www.bing.com" id="frame2" name="frame2">
</iframe>
</body>
</html>
Tôi biết điều này sẽ làm việc.Nhưng khi tôi sử dụng như thế này tôi không thể có được nguồn frame1 thay đổi. Nó chỉ trả về nguồn ban đầu (http://www.w3schools.com) .. Có giải pháp nào không? – Balakumar
bạn đã thử thay đổi thuộc tính 'src' của' frame1' chưa? btw, bạn đang thực sự cố gắng đạt được điều gì? – andri
Khi tôi nhấp vào nội dung trong frame1(), tôi không thể nhận được url chính xác của frame1 ("http://www.w3schools.com") ..... alert (document.getElementsById ("frame1") .src) sẽ chỉ trả lại "http://www.w3schools.com" thay vì url đã thay đổi. Bất kỳ giúp đỡ? – Balakumar
Nếu bạn muốn một iframe bên trong và khung nội tuyến, bạn nên làm như sau:
Liên kết để truy cập vào trang này nên có ?interframe=true ở cuối của nó.
ví dụ: http://www.example.com/test.html?interframe=true
Bạn không nên thêm ?interframe=true vào các đầu của http://www.w3schools.com và http://www.bing.com.
Để làm cho nó rõ ràng:
Hãy nói rằng trang web của bạn là http://www.example.com Và trang mà bạn cần giúp đỡ là http://www.example.com/test
Thẻ <a> trong http://www.example.com rằng sẽ đưa bạn đến http://www.example.com/test.html nên <a href="http://www.example.com/test.html?interframe=true">example text</a>
Tôi hy vọng điều này có ích.
những gì bạn muốn đạt được? xin vui lòng thêm một số mô tả ... –