Mô hình Đối tượng Tài liệu và Mô hình Đối tượng Trình duyệt trong JavaScript
Mô hình Đối tượng Tài liệu (DOM)
DOM (Mô hình Đối tượng Tài liệu) là một tiêu chuẩn định nghĩa tài liệu HTML hoặc XML dưới dạng cây nút có cấu trúc. Mỗi nút đại diện cho một phần của tài liệu như các yếu tố, thuộc tính hay văn bản. DOM cho phép JavaScript truy cập và thao tác các nút này một cách lập trình, từ đó thay đổi nội dung, cấu trúc và ...
Đăng vào ngày 9 tháng 8 lúc 17:43
Hướng Dẫn Xây Dựng Hộp Thoại Kéo Thả Bằng JavaScript DOM
Việc tạo ra một hộp thoại (modal dialog) có khả năng kéo thả là một tính năng tương tác phổ biến trên các ứng dụng web. Bài viết này sẽ hướng dẫn bạn cách triển khai một hộp thoại đăng nhập cơ bản với khả năng kéo thả bằng cách sử dụng HTML, CSS và JavaScript thuần túy, tận dụng các API của DOM (Document Object Model).
1. Cấu Trúc HTML
Chúng t ...
Đăng vào ngày 22 tháng 7 lúc 13:22
Tổng Quan Về JavaScript và Các Phương Pháp Nhúng Script
Tổng Quan Về JavaScript và Các Phương Pháp Nhúng Script
JavaScript là một ngôn ngữ lập trình đa năng, chủ yếu được sử dụng để phát triển các ứng dụng web phía client, mang lại tính tương tác cho các trang web. Ban đầu, JavaScript được tạo ra với mục đích đơn giản hóa việc xác thực dữ liệu đầu vào trên trình duyệt, giảm thiểu các yêu cầu gửi lê ...
Đăng vào ngày 17 tháng 7 lúc 08:54
Phân tích mã nguồn Zepto: Mô-đun core
Mô-đun này xác định cấu trúc chuỗi nguyên mẫu của thư viện, tạo biến Zepto và đăng ký nó vào window với tên 'Zepto' và '$', sau đó bắt đầu triển khai các mô-đun khác.
Bên trong mô-đun, ngoài việc thực hiện chọn lọc và đối tượng zepto, còn có nhiều phương thức công cụ và phương thức nguyên mẫu được định nghĩa.
Đáng chú ý là, nhiều thực hiện bên ...
Đăng vào ngày 13 tháng 7 lúc 12:02
Tổng quan toàn diện về bốn phương pháp phân tích XML trong Java (kèm ví dụ mã nguồn)
Bài viết này trình bày bốn phương pháp phổ biến nhất để xử lý XML trong Java: DOM, SAX, StAX và JDOM. Mỗi phương pháp có ưu nhược điểm riêng phù hợp với các tình huống khác nhau. Dưới đây là phân tích chi tiết kèm theo ví dụ minh họa.
1. Tổng quan về các kỹ thuật phân tích XML
XML được sử dụng rộng rãi trong các ứng dụng Java để lưu trữ cấu h ...
Đăng vào ngày 8 tháng 7 lúc 20:37
Vai trò của HTML, CSS và JavaScript trong trang web và cách hiển thị thời gian hệ thống theo thời gian thực
Vai trò của HTML, CSS và JavaScript trong trang web
HTML (HyperText Markup Language) đóng vai trò tạo cấu trúc cơ bản cho trang web. Nó xác định các thành phần như tiêu đề, đoạn văn, hình ảnh, nút bấm, v.v.
<html>
<head>
<meta charset="UTF-8">
<title>Tiêu đề trang</title>
</head>
<body>
...
Đăng vào ngày 7 tháng 7 lúc 08:31
Sự kiện trong JavaScript
Cơ bản về Sự kiện
JavaScript cho phép chúng ta tạo các trang web động, và sự kiện là những hành vi có thể được JavaScript phát hiện. Cách hiểu đơn giản: cơ chế kích hoạt - phản hồi. Mỗi phần tử trong trang web đều có thể tạo ra các sự kiện có thể kích hoạt JavaScript, ví dụ, chúng ta có thể tạo ra một sự kiện khi người dùng nhấp vào một nút, sa ...
Đăng vào ngày 29 tháng 6 lúc 13:50
Phân tích nguyên lý hoạt động và mã nguồn lỗ hổng XSS (Cross-Site Scripting)
Cross-Site Scripting (XSS) là một lỗ hổng bảo mật phổ biến trong các ứng dụng web, cho phép kẻ tấn công chèn các đoạn mã độc hại (thường là JavaScript) vào các trang web được người dùng tin tưởng. Khi nạn nhân truy cập vào trang bị nhiễm mã độc, trình duyệt sẽ thực thi đoạn mã này dưới quyền hạn của người dùng đó. Lỗ hổng này thường được chia t ...
Đăng vào ngày 22 tháng 6 lúc 20:48
Cơ chế hoạt động của trình duyệt web: Phân tích và hiển thị trang
Cấu trúc cơ bản của trình duyệt
Một trình duyệt web hiện đại bao gồm nhiều thành phần, trong đó công cụ hiển thị (rendering engine) là cốt lõi để chuyển đổi mã nguồn thành hình ảnh trực quan.
Các công cụ hiển thị phổ biến
Trident: Sử dụng bởi Internet Explorer.
WebKit: Nền tảng cho Chrome (trước đây) và Safari.
Gecko: Được FireFox sử dụng.
Ng ...
Đăng vào ngày 22 tháng 6 lúc 07:10
Ghi chú các phương pháp nhỏ lẻ
Biểu tượng favicon cho trang web
<link rel="shortcut icon" href="images/dnalims.ico">
Chiều cao vùng hiển thị trang web
document.documentElement.clientHeight
Lấy vị trí thực tế của phần tử
var rect = Dom.getBoundingClientRect();
Điều chỉnh chiều cao iframe tự động theo cửa sổ
// Điều chỉnh chiều cao iframe khi thay ...
Đăng vào ngày 19 tháng 6 lúc 06:16