Làm cách nào để thay đổi nội dung động trong html?
Bài viết này là bản cập nhật cho bài viết cũ này, bài viết có bản trình diễn xấu xí và nhiều kỹ thuật trong đó có lẽ không còn được coi là phương pháp hay nữa. Bản trình diễn mới này rõ ràng hơn, cập nhật hơn và đầy đủ tính năng hơn. Vì bài cũ phạm vi hơi khác nên mình bỏ qua, chỉ tham khảo bài này thôi Show Cập nhật tháng 1 năm 2013. Hiện có các phương pháp hay hơn, chi tiết tại đây Giả sử bạn muốn tạo một trang web mà việc nhấp vào các nút trong điều hướng sẽ tự động tải một số nội dung. Giống như tab không phải trả tiền, chỉ nội dung được tải động. Nói điều gì đó như thế này Xem bản trình diễn Tải tệp xuống HTML. Tất cả đều hoạt động mà không cần JavaScriptKhông có lý do gì để điều hướng của một trang web bị hỏng hoàn toàn nếu không bật JavaScript. Vì vậy, cách tiếp cận tốt nhất ở đây chỉ là tạo các trang này và điều hướng dưới dạng HTML ngữ nghĩa đơn giản. Bạn biết đấy, giống như năm 2001 Điều hướng liên kết đến các tệp chứa nội dung đó và là các trang chức năng được hình thành đầy đủ của riêng chúng
CSSĐây không thực sự là một hướng dẫn về CSS, nhưng nếu bạn muốn xem qua nó, hãy tìm nó. Gửi lời cảm ơn đến Mike Rundle, người đã chia sẻ CSS cho các nút đó vào ngày hôm trước trên Twitter khi tôi đang làm việc này và tôi đã đánh cắp nó jqueryjavascriptJavaScript là phần thú vị ở đây. Đây là kế hoạch bằng tiếng Anh đơn giản
Vậy tại sao phải bận tâm với những thứ thay đổi “hash tag”?
điều kiện tiên quyếtChúng tôi sẽ sử dụng thư viện jQuery, plugin onhashchange, sau đó tải tập lệnh của riêng chúng tôi lần cuối
kết xuất mã
Không có gì nhiều cho nó thực sự. Nó chỉ có 41 dòng với một số khoảng trống trong đó để dễ đọc. Điều này thậm chí bao gồm điều chỉnh chiều cao của toàn bộ trình bao bọc để điều chỉnh nội dung mới Đây là cách đơn giản nhất để tự động sửa đổi nội dung- sử dụng thuộc tính hoặc ), và trang được cập nhật và chỉnh lại dòng ngay lập tức để hiển thị nội dung mới. Dưới đây là các thuộc tính nội dung động Thuộc tính nội dung động bên trongHTMLNội dung đầy đủ (bao gồm các thẻ HTML, nếu có) của một phần tử. Được hỗ trợ trong tất cả các trình duyệt. InternalTextNội dung văn bản hoàn chỉnh của một phần tử. Không chuẩn, chỉ được hỗ trợ trong IE. textContentTương tự như thuộc tính If the four properties at this point still look like quadruplets to you, that's ok. The fact of the matter is, 99% of the time, innerHTML is all you'll be using to create dynamic content. Armed with the above new information, we can now move forward with implementing dynamic content in IE. All that's involved is setting the innerHTML property of a containment element to a new value, effectively altering what's displayed. Example: Here is the source code: One very important thing to mention here is that the dynamic content properties can only be assigned a new value after the document has completely loaded. That is why we use Làm cách nào để đặt giá trị động trong HTML?Thuật toán . Bước 1 - Xác định khóa/s được sử dụng để tạo đối tượng Bước 2 - Tạo một đối tượng và sử dụng các phím được xác định ở trên Bước 3 - Áp dụng JSON. stringify() trên đối tượng đã tạo ở trên để hiển thị đối tượng Làm cách nào để sử dụng văn bản động trong HTML?Văn bản động hoạt động thông qua việc sử dụng các thẻ, tương tự như HTML. . Map Frame ( Table ( Làm cách nào để in dữ liệu động trong HTML?Mở Hộp thoại In để cho phép người dùng in nội dung động của div ẩn cụ thể bằng phương thức print() của cửa sổ. . Dropdown – Giúp liệt kê và chọn người dùng Nút Print – Khởi tạo bản in Div ẩn – Giữ nội dung được tạo động lấy từ cơ sở dữ liệu Trang HTML động là gì?HTML động là thuật ngữ chung chỉ sự kết hợp của các thẻ Ngôn ngữ đánh dấu siêu văn bản (HTML) và các tùy chọn có thể làm cho các trang Web sinh động và tương tác hơn các phiên bản HTML trước đó. Much of dynamic HTML is specified in HTML 4.0. |