Có cách nào để có được chiều cao hiển thị của toàn bộ trang từ bên trong một số iframe
, $(window).height()
cho tôi chiều cao iframe
không?
Trả lời
Nếu bạn đang sử dụng khung, bạn có thể lấy chiều cao của cửa sổ ngoài cùng bằng cách sử dụng window.top
trong hàm tạo jQuery. Chiều cao của window.top
sẽ nhận được chiều cao của cửa sổ trình duyệt.
$(window.top).height();
Chỉnh sửa: Cập nhật window.top khi Mozilla di chuyển tài liệu của họ xung quanh.
Cảm ơn tuyệt vời !:-D –
Lưu ý - điều này sẽ không hoạt động nếu các khung hình trong hai Các miền khác nhau, chẳng hạn như với các ứng dụng Facebook –
Cũng không có vẻ hoạt động trong jsFiddle khi chạy 'window.top.innerWidth' trong khung' result' trong bảng điều khiển công cụ dành cho nhà phát triển chrome: 'Uncaught DOMException: Chặn một khung có nguồn gốc" https://fiddle.jshell.net "truy cập vào khung hình bắt nguồn chéo. Tôi cho rằng cửa sổ' top' nằm ở miền 'https: // jsfiddle.net'. – user1063287
Tôi đã luôn luôn sử dụng này implementation
window.innerHeight or document.body.clientHeight or document.documentElement.clientHeight
tùy thuộc vào trình duyệt.
Nhưng tôi không thấy lý do tại sao jquery $ (cửa sổ) .height() sẽ không hoạt động cho chiều cao hiển thị của bạn?
Đó là vì tôi sử dụng nó trong 'iFrame' trên Ứng dụng Facebook. 'IFrame'it tự nếu chiều cao 3500px, nhưng tôi chỉ muốn biết chiều cao cửa sổ người dùng. –
Không có tác phẩm nào trong số đó. Nó cho tôi chiều cao của 'iFrame' chứ không phải chiều cao của khu vực hiển thị của trình duyệt. –
vì bạn đang ở trong iframe. đối tượng cửa sổ sẽ chỉ tham chiếu trang của bạn. trang mẹ sẽ có một đối tượng cửa sổ khác. Và tôi nghĩ rằng vấn đề miền chéo sẽ ngăn cản bạn từ acessing dữ liệu: (Phải có một cách facebook cho u tổng chiều cao không? – MarutiB
- 1. Lấy chiều cao cửa sổ
- 2. tại sao $ (cửa sổ) .height() sai?
- 3. Chiều rộng DOM HTML + chiều cao của cửa sổ hiển thị
- 4. hiển thị sống width và height giá trị về việc thay đổi cửa sổ thay đổi kích thước
- 5. trung tâm cửa sổ dicom, chiều rộng cửa sổ
- 6. Lấy chiều cao/chiều rộng của cửa sổ WPF
- 7. ExtJS mở cửa sổ với chiều cao tối đa
- 8. OpenCV Hiển thị Cửa sổ Màu xám
- 9. tiện ích chrome, chiều cao cửa sổ bật lên
- 10. Làm thế nào để thay đổi chiều cao div trên cửa sổ thay đổi kích cỡ?
- 11. jQuery - Phát hiện thay đổi chiều rộng cửa sổ nhưng không thay đổi chiều cao
- 12. Cách lấy chiều rộng của khung cửa sổ, trước khi tạo bất kỳ cửa sổ nào?
- 13. jQuery // var theHeight = chiều cao cửa sổ trừ 50px?
- 14. Cửa sổ WPF mới chỉ hiển thị bên dưới cửa sổ gốc
- 15. JQuery: chiều cao năng động() với cửa sổ thay đổi kích thước()
- 16. Chiều rộng cửa sổ bật lên Bootstrap cho cửa sổ bật lên-bên trong
- 17. Nhận chiều cao và chiều rộng của nội dung hoặc cửa sổ của trang web
- 18. Hiển thị hộp thoại jquery trong cửa sổ chính
- 19. Hiển thị một seq trong cửa sổ đồng hồ
- 20. Twitter Bootstrap cửa sổ kiểu hiển thị flickers
- 21. Hiển thị cửa sổ lịch sử mục với TFS SDK
- 22. Selenium WebDriver: Mở tab mới thay vì cửa sổ mới
- 23. OpenCV - đóng cửa sổ hiển thị hình ảnh
- 24. Sự kiện hiển thị cửa sổ trong WPF?
- 25. Thay đổi kích thước cửa sổ theo chiều dọc
- 26. Hiển thị tiến trình trong cửa sổ bật lên
- 27. Modal Dialog không hiển thị trên các cửa sổ khác
- 28. Đặt chiều rộng cửa sổ bằng Xcode
- 29. X11: đợi cho đến khi một cửa sổ hiển thị?
- 30. hiển thị bản pdf trên biểu mẫu cửa sổ?
Ý bạn là gì theo "chiều cao hiển thị"? '$ (window) .height()' cho bạn chiều cao của khung nhìn. – lonesomeday
$ (cửa sổ) .height() hoạt động tốt hơn vì nó là trình duyệt chéo. Tức là, câu trả lời của bạn tốt hơn :). –
Tôi cần chiều cao có thể nhìn thấy của trình duyệt chứ không phải chiều cao của tài liệu. Tôi có một 'iframe' chiều cao được đặt là 3500px, và nếu tôi cố gắng để có được' $ (cửa sổ) .height(); 'nó chỉ mang lại cho tôi 3500px; –