Người Viết : ViKiMi Editor

Tổng Quan Cách Sử dụng HTML JavaScript giúp thiết kế một khung HTML Web hoàn thiện
Khi xây dựng một bộ khung với HTML chắc chắn rồi, bạn cần tới một vài thứ làm cho nó trở nên thi vị. Chính điều này buộc lòng chúng ta cần tới một vài ngôn ngữ luôn đi kèm với việc thiết kế giao diện Website. Chúng ta đã biết CSS có thể dùng cho việc này, Và thứ tiếp theo là JavaScript. Đây là một ngôn ngữ bổ trợ không thể thiếu khi thiết kế một Website.
Chúng ta biết rằng không thể bỏ qua những điều cơ bản sau:
+ SERVER sẽ giúp chạy những tệp lệnh hoặc khối lệnh, chương trình thiết kế cho SERVER. Và chúng ta sẽ luôn cần chờ một SERVER ở xa lắc làm việc này.
+ CLIENT sẽ chạy những ngôn ngữ dành cho phía Client. Và JavaScript là một ngôn ngữ như vậy.
Do đó, khi bạn bật trình duyệt lên và xem một Website. Thì JavaScript là một ngôn ngữ sẽ chạy tại phía CLIENT. Nó sẽ luôn luôn là một trong những ngôn ngữ phía CLIENT thực thi đầu tiên khi bạn lướt Trang Web.
Vì vậy, nó sẽ là ngôn ngữ đảm bảo luôn cho phép chạy ( Running ) ngay thời điểm mà trình duyệt được bật lên. JavaScript tiến hành xử lý dữ liệu và hiển thị kết quả ngay tại thời điểm đó.
Những gì mà JavaScript mang lại luôn là tại thời điểm Browser bật lên.
Điều này trái ngược với phía SERVER, Vì một SERVER sẽ luôn trả về dữ liệu Cacher (Đó là dữ liệu lưu trữ cho tất cả quá trình bạn duyệt Web và nó có thể không phải là mới nhất). Nếu bạn muốn nhận được dữ liệu mới nhất của SERVER thì buộc lòng bạn phải cấu hình, Điều này thực sự khó + Tốn nhiều thời gian tiền của.
Nếu bạn muốn có một Website tốt và không cần nhiều chi phí cao thì chắc hẳn JavaScript là một ngôn ngữ bạn không thể bỏ qua. Nó giúp cho những gì chạy trên Browser luôn luôn đẹp mắt và mới nhất có thể. Sự cộng tác giữa các ngôn ngữ và dịch vụ được lập trình luôn mang lại sự an toàn + Tốt nhất.
CHÚNG TA DÙNG JAVASCRIPT CÙNG VỚI HTML NHƯ THẾ NÀO ?
HTML JavaScript giúp cho trang Web tương tác cao.
HTML JavaScript xác định các tệp lệnh sẽ thực thi trên máy khách (CLIENT)
Để sử dụng JavaScript kết hợp HTML thì chúng ta có thẻ <script>
+ Thẻ <script> chứa các câu lệnh JavaScript hoặc nó trỏ đến tệp JavaScript bên ngoài thông qua thuộc tính src.
Đó là 2 cách mà chúng ta có thể đưa JavaScript vào một trang Web HTML.
EXAMPLE 1 ::
<!DOCTYPE html>
<html>
<body>
<h2> SỬ DỤNG CÁC CÂU LỆNH JAVASCRIPT </h2>
<p> Thay Đổi Văn Bản Bên Trong Phần Tử #demo </p>
<p id="demo"></p>
<script>
document. getElementById("demo"). innerHTML = "Hello JavaScript!";
</script>
</body>
</html>
EXAMPLE 2 ::
HTML >>
<!DOCTYPE html>
<html>
<body>
<h2> SỬ DỤNG TỆP JAVASCRIPT BÊN NGOÀI </h2>
<p> Thay Đổi Văn Bản Bên Trong Phần Tử #demo </p>
<p id="demo"></p>
<script src= "demo_script_src.js" />
</body>
</html>
FILE >> demo_script_src.js
document. getElementById("demo"). innerHTML = "Hello JavaScript!";
Cách sử dụng phổ biến của JavaScript là thao tác hình ảnh, xác thực biểu mẫu và thay đổi nội dung động, etc.
+ Ở phía trên Thực hiện lấy về phần tử có ID là demo bằng phương thức getElementById()
+ Sau đó thay đổi nội dung văn bản của phần tử bằng innerHTML
Sử dụng JavaScript để thiết kế Web HTML rất đơn giản. Và JavaScript có rất nhiều câu lệnh và cách viết Chương Trình cho phép bạn thao tác, thiết kế một Web HTML đúng yêu cầu. Đặc biệt, JavaScript sẽ không tốn quá nhiều dung lượng như những thứ khác. Nhưng nếu bạn muốn tìm kiếm một thứ khác để thay thế thì vẫn có thể sử dụng jQuery, Nó sẽ mang lại kết quả tương tự.
Một vài câu lệnh JavaScript tham khảo ngắn :
document.getElementById(“demo”).style.fontSize = “25px”;
document.getElementById(“demo”).style.color = “darkgreen”;
document.getElementById(“demo”).style.backgroundColor = “green”;
document.getElementById(“image”).src = “picture.png”;
+ TIPS : Nếu bạn muốn phát hiện trình duyệt có hỗ trợ ngôn ngữ JavaScript hay không thì hãy sử dụng thẻ <noscript>
Nếu trình duyệt không hỗ trợ JavaScript thì nội dung trong thẻ <noscript> sẽ được hiển thị :
<noscript> Trình Duyệt này không hỗ trợ JavaScript! </noscript>