2012-05-30 40 views
6

Ý tôi là, tôi sử dụng để có widget này:Tại sao phải lo lắng về việc tạo một widget javascript/jquery thuần túy khi tôi có thể tải nó vào một khung nội tuyến?

<script src="http://www.mywebsite.com/widget/widget.js?type=normal" type="text/javascript"></script> 
<div id="archie-container"></div> 

đó kiểm tra xem jquery là trên trang web lưu trữ; khác nó tải nó và làm một số yêu cầu ajax/jsonp. Theo đề xuất của tutorial này.

Vâng, tôi đã nhận thấy những tập đoàn lớn về cha mẹ CSS, tích hợp các plugin jquery khác (như chu kỳ) và quản lý dữ liệu giữa "giao diện" này và cuộc gọi ajax.

Tại sao tôi nên làm điều đó khi tôi có thể sử dụng khung nội tuyến sngle? Tôi cũng nhận thấy rằng, nếu tôi tải jquery từ widget.js, và (tất nhiên) tôi đặt nó vào iframe (vì vậy tôi có thể quản lý các chức năng riêng biệt) thư viện được lấy từ bộ nhớ cache. Vì vậy, không có bất kỳ quá tải.

Có đủ tốt cho bạn sự chấp thuận này không? Hoặc tôi đang thiếu những điều gì đó?

Tôi cũng nhận thấy rằng 90% tiện ích (như FB, twitter, v.v.) sử dụng chiến lược này (với khung nội tuyến).

+1

Bạn có thể sử dụng bất kỳ kỹ thuật nào phù hợp với mình. Tất cả phụ thuộc vào những gì bạn đang làm. –

Trả lời

5

Khung nội tuyến sẽ tách biệt với phần còn lại của trang.

Tôi khuyên bạn nên đọc: iframes vs ajax

nếu một cái gì đó bị cô lập với phần còn lại của trang, và đơn giản đi với iframe. Nếu tiện ích tương tác với phần còn lại của trang, hãy truy cập AJAX.

+0

Bạn có bất kỳ hướng dẫn nào về "khung nội tuyến được lưu trong bộ nhớ cache do thư viện từ trang chủ" không. Không biết trước đây ... đó là lý do tại sao tôi luôn tránh né iframe! Nhưng nó đẹp ... – markzzz

+0

@markzzz: Cách dễ nhất xung quanh vấn đề đó là thêm tham số dấu thời gian vào truy vấn để đảm bảo nó là duy nhất. Nó cũng có thể được thực hiện bằng cách yêu cầu trình duyệt không lưu trữ nội dung trong phần đầu. –

+0

@dj_segfault: không, trên thực tế tôi muốn bộ nhớ đệm :) Tôi không biết đây là hành vi tiêu chuẩn ...! Tôi muốn đọc thêm về điều này ... – markzzz

Các vấn đề liên quan