Bạn có thể thay thế html bằng javascript không?
|
Có xu hướng nghĩ rằng JavaScript rõ ràng vượt trội hơn HTML & CSS về mọi mặt. Tuy nhiên, như tôi sẽ chỉ cho bạn trong bài viết ngắn, có viết mã này, đó không phải là trường hợp của tất cả các phần tử Show Tại sao phải bận tâm với HTML & CSS?Quá nhiều Javascript có thể làm chậm trang web của bạn Nói chung, với tư cách là nhà phát triển trong một công ty React có kinh nghiệm, tôi rất tin tưởng vào HMTL và CSS. Tôi tin rằng bất cứ khi nào bạn không cần sử dụng JavaScript – bạn không nên. Có rất nhiều trường hợp thay vì JS, bạn có thể sử dụng HTML & CSS thuần túy để đạt được kết quả tương tự với mã nhẹ hơn Trong bài viết này, tôi sẽ chỉ cho bạn một số yếu tố bạn có thể tạo mà không cần JavaScript Vui lòng sao chép-dán mã vào trình chỉnh sửa của bạn 1. đàn phong cầmCó khá nhiều cách để chúng ta có thể xây dựng đàn accordion mà không cần viết một dòng JS nào. Ở đây tôi sẽ chỉ cho bạn hai cách nhanh chóng và dễ dàng mà bạn có thể hoàn thành nó chỉ với HTML & CSS 1. Cái đầu tiên dựa trên các thẻ HTML5 được nhúng nguyên bản từ chối trách nhiệm. Thật không may, các thẻ này không được trình duyệt Internet Explorer hỗ trợ Có hai sự cố xảy ra rộng rãi với kiểu tóm tắt mặc định. Nhưng cũng có những cách khắc phục dễ dàng để giải quyết vấn đề
Bạn có thể sử dụng đoạn mã trên trong phần hỏi đáp chẳng hạn. Đây là những gì nó sẽ trông giống như 2. Cách thứ hai để tạo đàn accordion mà không cần sử dụng JS dựa trên đầu vào, radio hoặc hộp kiểm. Phương pháp này phức tạp hơn một chút nhưng hoạt động với tất cả các trình duyệt Đây là tất cả mã mà bạn cần để làm cho nó hoạt động Như đã đề cập trước đây, phương pháp này dựa trên việc sử dụng các đầu vào cho phép chúng tôi kiểm soát việc mở và đóng đàn accordions Làm sạch mã của bạn LỊCH CUỘC GỌI MIỄN PHÍ VỚI CHUYÊN GIA CỦA CHÚNG TÔI 2. Phương thức và PopupNhững thứ thú vị khác mà chúng ta có thể tạo chỉ bằng HTML và CSS là các phương thức và cửa sổ bật lên. Có thể làm điều này nhờ vào lớp giả. mục tiêu, tham gia hàm băm URL với id của một phần tử (e. g. href=”#popup” và id=”popup”) Hãy nhớ rằng khi xử lý phương thức và cửa sổ bật lên này, vấn đề lớn nhất là khi bạn mở một phương thức/cửa sổ bật lên, trang web sẽ chuyển đến một thành phần nhất định
thăm dò ý kiến nhanh Bạn thích viết mã bằng cái gì? 26 phiếu bầu 3. Chú giải công cụTiếp theo là chú giải công cụ. Nó hoạt động giống như các ví dụ về phương thức và cửa sổ bật lên ở trên. Tuy nhiên, chú giải công cụ hiển thị khi di chuột. Để hiển thị nội dung mà chúng tôi đưa vào nhãn aria, chúng tôi chuyển nội dung đó vào nội dung thuộc tính CSS với nội dung giá trị. attr(aria-nhãn) 4. Đánh giá saoĐiều cuối cùng sẽ là chức năng hữu ích cho xếp hạng (e. g. món ăn / khách sạn), tôi. e. đánh giá sao. Mã sẽ dựa trên đầu vào radio và nhãn Bản tóm tắtNhư bạn có thể thấy, JavaScript có thể dễ dàng được thay thế chỉ bằng HTML & CSS Các lớp giả như mục tiêu, tiêu điểm, đã kiểm tra, có thể thay thế các hàm JS làm cho mã của bạn nhẹ hơn. Một số ví dụ CSS này có thể được coi là phức tạp, nhưng hiệu quả, linh hoạt và rất xứng đáng Các ví dụ trên chỉ là một vài điều thú vị mà bạn có thể làm. Trên thực tế, bạn có thể sử dụng HTML & CSS để thay thế hàng chục chức năng khác nhau Bạn nghĩ gì về việc thay thế JS bằng HTML và CSS? Làm cách nào để thay thế HTML bằng JavaScript?Take the new document as a form of string(eg. Str = '< html > < /html > ').. Sử dụng. replace() trên phần tử HTML và thay thế nó bằng Tài liệu HTML mới (ví dụ:. $('html'). html(Str)) JavaScript có thể thay thế HTML và CSS không?Không vì họ không làm điều tương tự . HTML là cách trình duyệt hiểu cái gì và ở đâu để hiển thị mọi thứ. JavaScript là ngôn ngữ hành vi cho phép trình duyệt của bạn thao tác với HTML trong trình duyệt.
Làm cách nào để thay thế HTML bên trong bằng JS?Để đặt giá trị cho thuộc tính InternalHTML, bạn sử dụng cú pháp này. phần tử. innerHTML = newHTML; Cài đặt này sẽ thay thế nội dung hiện có của một phần tử bằng nội dung mới.
HTML sẽ bao giờ được thay thế?HTML sẽ không sớm bị thay thế thành tiêu chuẩn . Đó là một công nghệ quá phổ biến và số lượng giáo dục lại cần thiết cho những người làm việc với các ứng dụng web và trang web để chuyển đổi hoàn toàn công nghệ sẽ rất lớn và rất tốn kém. Tuy nhiên, HTML sẽ, giống như bất kỳ công nghệ nào khác, phát triển. |
