Đoạn mã 2025, Tháng BảY

Giả sử bạn có một phần tử trong DOM:

Nhận tham chiếu đến phần tử DOM đó: const el = document.querySelector ("# el"); Vậy thì bạn "

Thử nghiệm Tác nhân người dùng thật tệ, nhưng đôi khi bạn cần nó cho những điều tế nhị. Trong trường hợp của tôi, tôi đang sử dụng nó để điều chỉnh những gì tôi đang hiển thị cho các phím tắt trên bàn phím "

Không phải tất cả các trình duyệt đều hỗ trợ tất cả các thuộc tính trên tất cả các phần tử. Có một số thuộc tính mới trong HTML5, vì vậy ý ​​tưởng thử nghiệm để xem loại trình duyệt nào "

Thông thường, phím tab sẽ di chuyển đến thứ có thể lấy tiêu điểm tiếp theo. Điều này sẽ chèn một ký tự tab vào thay thế. HTMLTextAreaElement.prototype.getCaretPosition = function "

Khoảng trắng, nghĩa là các tab và khoảng trắng. Vanilla JavaScript (Cắt đầu và theo dõi) var str = "abcdefg"; var newStr = str.trim (); // "abcde f"

Let stripeString = originalString.replace (/ (<(+)>) / gi, ""); Dự phòng nhúng CodePen "

Tính năng kéo và thả của HTML5 rất tốt để xử lý các tệp tải lên. Nhưng nếu đó là thứ duy nhất bạn đang sử dụng nó, thì thật tuyệt khi biết liệu có bất kỳ trình duyệt cụ thể nào "

Var isMSIE = / * @ cc_on! @ * / 0; if (isMSIE) (// làm những việc dành riêng cho IE) else (// làm những việc không dành riêng cho IE) "

Sử dụng nội tuyến: Nhấp vào đây để chuyển đổi chế độ hiển thị của phần tử #foo Đây là foo "

Kỹ thuật # 1 hàm Shuffle (o) (for (var j, x, i = o.length; i; j = parseInt (Math.random () * i), x = o, o = o, o = x); trả về o;); Sử dụng var testArray "

Var someString = "Xin chào 123 World!"; newString = someString.replace (// g, ''); // console.log (newString); // "Chào thế giới!";"

"mobile.html" sẽ được thay thế bằng vị trí của bất kỳ nơi nào phiên bản di động của bạn cư trú. Kỹ thuật này có thể được điều chỉnh để tải một biểu định kiểu thay thế "

Các phần tử có thuộc tính có thể chỉnh sửa nội dung có thể được chỉnh sửa trực tiếp ngay trong cửa sổ trình duyệt. Nhưng tất nhiên những thay đổi đó không ảnh hưởng đến tài liệu thực tế "

Ồ, điều này thật thông minh! Tôi lấy cái này từ blog của David. const isRequired = () => (ném Lỗi mới ('cần có tham số');); const xin chào = (tên = "

Var myArray =; var randomItem = myArray; Xem Pen gLJPZv của Chris Coyier (@chriscoyier) trên CodePen. "

Khi nói đến hoạt ảnh, chúng tôi nói rằng setInterval là một ý tưởng tồi. Bởi vì, ví dụ: vòng lặp sẽ chạy bất kể bất kỳ điều gì khác đang diễn ra, "

Var origString = 'Happy Dance7'; var trimmedString = origString.substring (0, origString.length-1); console.log (trimmedString); // 'Nhay hanh phuc'"

Chức năng này cũng bảo tồn nội dung ẩn. function remove_style (all) (var i = all.length; var j, is_hiised; // Các thuộc tính trình bày. var attr =; "

Vì bất kỳ lý do gì, một phần tử không thể tự hủy trong JavaScript. jQuery có một phương thức cho việc này, điều này rất hay vì đây là cách chúng tôi nghĩ: "

Tổng hợp bởi Svein Petter Gjøby: const array =; // Cách 1: Sử dụng Set const unique =; // Phương pháp 2: Array.prototype.reduce const unique = "

Window.location = "https: //" + window.location.hostname + window.location.pathname + window.location.search; Bạn có thể muốn kiểm tra nếu window.location.href "

Bạn đã bao giờ thấy nội dung CDATA đó trong JavaScript và tự hỏi nó dùng để làm gì? Nó là để ngăn trình xác thực đọc mã đó dưới dạng đánh dấu và không thành công "

Đây là một cách nhanh chóng (có cả phiên bản PHP): var randomColor = Math.floor (Math.random () * 16777215) .toString (16); Xem Bút Tạo Màu Hex ngẫu nhiên Mới "

PHP có một hàm print_r rất hay để in ra thông tin về một biến ra màn hình. console.log () cũng tuyệt vời cho điều đó trong JavaScript, nhưng "

Try (document.execCommand ("BackgroundImageCache", false, true);) catch (err) () "

Demo của Sagar Ganatra "

Tự gọi hàm ẩn danh được gán cho biến toàn cục yournamespacechoice. Có tác dụng giữ tất cả các hàm và biến ở chế độ riêng tư cho "

Thực hiện một hàm cứ sau một giây: function myFunction () (// làm gì đó) var int = setInterval (myFunction, 1000); Hủy nó đi: clearInterval (int); "

CẬP NHẬT: Cái này khá cũ. Nếu bạn đang muốn tải hình ảnh lười biếng những ngày này, tôi khuyên bạn nên xem: Hướng dẫn hoàn chỉnh để tải hình ảnh theo cách lười biếng "