cách tôi có thể tải trang html bên trong div. Với thẻ 'đối tượng' đang tải, nhưng tôi nghĩ đó không phải là cách tiếp cận tốt. Nó không phải là một tập tin bên ngoài. Dojo có tốt cho việc này không?tải trang html bên trong div
Trả lời
này cũng làm việc ... sử dụng võ đường ...
<script type="text/javascript">
var url = dojo.moduleUrl("dijit.form", "help.html");
dojo.xhrGet({
url: url,
load: function(html){
dojo.byId("mycontent").innerHTML = html;
}
});
</script>
<div id="mycontent">
</div>
Cập nhật:
Trong Dojo 1.7+, hãy sử dụng require.toUrl thay vì dojo.moduleUrl
Tôi không hoàn toàn chắc chắn những gì bạn đang tìm kiếm, nhưng nếu bạn muốn hiển thị một tài liệu HTML bên trong một tài liệu HTML khác thì tôi nghĩ cách duy nhất để làm điều này là sử dụng iframe
. Kiểm tra hướng dẫn này: http://www.designplace.org/tutorials.php?page=1&c_id=1
lẽ bạn có thể tải các tài liệu HTML và lột bỏ sự HEAD
và gói BODY
yếu tố và sau đó chèn mã vào các yếu tố DIV
.
EDIT: Ah, no iframes
bạn đã nói. Vâng, sau đó tôi đề nghị sau này. ^^
Sử dụng jquery
$("#mydiv").load("myexternalfile.html");
Bạn phải sử dụng jQuery với phương pháp load(). Đây jQuery tài liệu tham khảo về phương pháp tải: http://api.jquery.com/load/
Không có lý do để sử dụng jQuery chỉ để tải nội dung trang của bạn (ví dụ chỉ cho một div) nếu không có một nhiệm vụ mà cần các hàm khuôn khổ của :)
này nên được thực hiện bằng các khái niệm cơ bản về AJAX. Kiểm tra điều này: http://www.w3schools.com/ajax/tryit.asp?filename=tryajax_first
Bạn vẫn có thể sử dụng jquery để tải nội dung thông qua cuộc gọi ajax. Lấy kết quả và xóa <body>
và mọi thứ trước đó, và </body>
và mọi thứ đằng sau nó. Bạn có thể sử dụng regex để đảm bảo bạn bao gồm bất kỳ thuộc tính nào của thẻ body.
Sau đó, bạn còn lại với html cơ thể thô, mà bạn có thể thêm vào div bằng cách sử dụng jQuery.
jQuery.ajax({
url: 'page.html',
success: function(data, textStatus, XMLHttpRequest) {
data = data.replace(/.*<body.*?>/gi,'');
data = data.replace(/</body>.*/gi,'');
jQuery('#myDiv').html(data);
}
});
regex của tôi là một chút gỉ, do đó bạn có thể phải tinh chỉnh mà :)
- 1. phai trong div khi tải trang
- 2. Đang tải HTML vào div - sự cố bất thường
- 3. Bao gồm một trang web bên trong một div
- 4. Div bên trong vượt quá ranh giới div bên ngoài
- 5. tải tệp html bên ngoài vào div bằng cách sử dụng jquery
- 6. Trong jQuery, muốn xóa tất cả HTML bên trong div
- 7. Tải xuống một div trong trang HTML dưới dạng pdf bằng cách sử dụng javascript
- 8. jquery chờ con trỏ trong khi tải html trong div
- 9. Căn chỉnh dưới hình ảnh HTML bên trong hộp DIV
- 10. Tải trang vào một div jQuery Mobile
- 11. Thực hiện lắc div khi tải trang?
- 12. HTML layout: thêm cột bên phải trang web hiện
- 13. Chọn phần tử bên trong Div để trang trí CSS
- 14. cắt một div và html bên trong nó và dán nó vào một div khác nhau với jquery
- 15. Điều chỉnh lề-trên của div bên trong div container đẩy cả div bên trong và div div xuống từ body
- 16. Ajax/jQuery - Tải nội dung trang web vào div khi tải trang?
- 17. Tải CSS bên ngoài cho một DIV cụ thể
- 18. nút bên trái/bên phải bên trong div
- 19. DIV bên trong một DIV bên trong DIV khác với CSS
- 20. Hiển thị div sau 2 giây tải trang
- 21. Không trong suốt div bên trong div trong suốt
- 22. Tải lại trang bắt buộc bằng neo html (#) - HTML & JS
- 23. Javascript: Nhận div bên trong div
- 24. div bên ngoài trong div container
- 25. Tải mẫu AngularJS trong trang, tự động
- 26. tải tệp Js trong HTML
- 27. Tải nội dung của một div trên một trang khác
- 28. Tải một trang html khác từ javascript
- 29. Selenium tải xuống trang đầy đủ html
- 30. Cuộn cột độc lập trong trang HTML
mà không cần usin g iframe :) – coder247