Hướng dẫn how do you use javascript in html? - làm thế nào để bạn sử dụng javascript trong html?
JavaScript làm cho các trang HTML năng động và tương tác hơn. Show
Thẻ HTMLThẻ HTML 1 được sử dụng để xác định tập lệnh phía máy khách (JavaScript).Phần tử 1 chứa các câu lệnh script hoặc nó trỏ đến tệp tập lệnh bên ngoài thông qua thuộc tính 3.Sử dụng phổ biến cho JavaScript là thao tác hình ảnh, xác thực hình thức và thay đổi động của nội dung. Để chọn phần tử HTML, JavaScript thường sử dụng phương thức 4.Ví dụ JavaScript này viết "Xin chào JavaScript!" thành một phần tử HTML với id = "demo": Thí dụ Document.getEuityById ("Demo"). Internhtml = "Xin chào JavaScript!"; Hãy tự mình thử » Một hương vị của JavaScriptDưới đây là một số ví dụ về những gì JavaScript có thể làm: Thí dụDocument.getEuityById ("Demo"). Internhtml = "Xin chào JavaScript!"; Document.getEuityById ("Demo"). Internhtml = "Xin chào JavaScript!"; Hãy tự mình thử » Thí dụDocument.getEuityById ("Demo"). Internhtml = "Xin chào JavaScript!"; Hãy tự mình thử » Hãy tự mình thử » Thí dụDocument.getEuityById ("Demo"). Internhtml = "Xin chào JavaScript!"; Hãy tự mình thử » Hãy tự mình thử » Thẻ HTMLMột hương vị của JavaScript Thí dụ Document.getEuityById ("Demo"). Internhtml = "Xin chào JavaScript!"; Hãy tự mình thử » Một hương vị của JavaScriptDưới đây là một số ví dụ về những gì JavaScript có thể làm:Exercise:JavaScript có thể thay đổi nội dung: JavaScript có thể thay đổi kiểu: document.getEuityById ("demo"). style.fontsize = "25px"; document.getEuityById ("demo"). style.color = "red"; document.getEuityById ("demo"). style.backgroundColor = "màu vàng" ; JavaScript có thể thay đổi các thuộc tính: document.getEuityById ("hình ảnh"). src = "picture.gif"; Thẻ HTML 5 xác định một nội dung thay thế sẽ được hiển thị cho người dùng đã vô hiệu hóa các tập lệnh trong trình duyệt của họ hoặc có trình duyệt không hỗ trợ tập lệnh:Document.getEuityById ("Demo"). Internhtml = "Xin chào JavaScript!"; Xin lỗi, trình duyệt của bạn không hỗ trợ JavaScript!
Document.getEuityById ("Demo"). Internhtml = "Xin chào JavaScript!"; Xin lỗi, trình duyệt của bạn không hỗ trợ JavaScript! Giới thiệuJavaScript, cũng được viết tắt cho JS, là một ngôn ngữ lập trình được sử dụng trong phát triển web. Là một trong những công nghệ cốt lõi của Web cùng với HTML và CSS, JavaScript được sử dụng để làm cho các trang web tương tác và xây dựng các ứng dụng web. Các trình duyệt web hiện đại, tuân thủ các tiêu chuẩn hiển thị chung, hỗ trợ JavaScript thông qua các công cụ tích hợp mà không cần các plugin bổ sung. Khi làm việc với các tệp cho web, JavaScript cần được tải và chạy cùng với HTML đánh dấu. Điều này có thể được thực hiện nội tuyến trong tài liệu HTML hoặc trong một tệp riêng mà trình duyệt sẽ tải xuống cùng với tài liệu HTML. Hướng dẫn này sẽ đi qua cách kết hợp JavaScript vào các tệp web của bạn, cả hai tuyến vào tài liệu HTML và dưới dạng một tệp riêng biệt. Thêm JavaScript vào tài liệu HTMLBạn có thể thêm mã JavaScript vào tài liệu HTML bằng cách sử dụng thẻ HTML chuyên dụng 1 bao quanh mã JavaScript.Thẻ 1 có thể được đặt trong phần 9 của HTML của bạn hoặc trong phần 0, tùy thuộc vào thời điểm bạn muốn JavaScript tải.Nói chung, mã JavaScript có thể đi vào bên trong phần tài liệu 9 để giữ chúng chứa và ra khỏi nội dung chính của tài liệu HTML của bạn.Tuy nhiên, nếu tập lệnh của bạn cần chạy tại một điểm nhất định trong một bố cục của trang - như khi sử dụng 2 để tạo nội dung - bạn nên đặt nó tại điểm mà nó nên được gọi, thường là trong phần 0.Hãy cùng xem xét tài liệu HTML trống sau đây với tiêu đề trình duyệt là 4:index.html
Ngay bây giờ, tệp này chỉ chứa đánh dấu HTML. Hãy nói rằng chúng tôi muốn thêm mã JavaScript sau vào tài liệu:
Điều này sẽ cho phép trang web hiển thị cảnh báo với ngày hiện tại bất kể khi nào người dùng tải trang web. Để đạt được điều này, chúng tôi sẽ thêm thẻ 1 cùng với một số mã JavaScript vào tệp HTML.Để bắt đầu, chúng tôi sẽ thêm mã JavaScript giữa các thẻ 9, báo hiệu trình duyệt để chạy tập lệnh JavaScript trước khi tải trong phần còn lại của trang. Ví dụ, chúng ta có thể thêm JavaScript bên dưới các thẻ 7, như được hiển thị bên dưới:index.html
Khi bạn tải trang, bạn sẽ nhận được một cảnh báo tương tự như thế này: Nếu chúng ta sửa đổi những gì được hiển thị trong phần thân của HTML, chúng ta sẽ cần thực hiện nó sau phần 9 để nó hiển thị trên trang, như trong ví dụ dưới đây:index.html
Đầu ra cho tài liệu HTML ở trên được tải qua trình duyệt web sẽ trông tương tự như sau: Các tập lệnh nhỏ hoặc chỉ chạy trên một trang có thể hoạt động tốt trong tệp HTML, nhưng đối với các tập lệnh hoặc tập lệnh lớn hơn sẽ được sử dụng trên nhiều trang, nó không phải là một giải pháp rất hiệu quả vì bao gồm nó có thể trở nên khó sử dụng hoặc khó đọc va hieu. Trong phần tiếp theo, chúng tôi sẽ đi qua cách xử lý một tệp JavaScript riêng trong tài liệu HTML của bạn. Làm việc với một tệp JavaScript riêngĐể phù hợp với các tập lệnh hoặc tập lệnh lớn hơn sẽ được sử dụng trên nhiều trang, mã JavaScript thường sống trong một hoặc nhiều tệp 9 được tham chiếu trong các tài liệu HTML, tương tự như cách các tài sản bên ngoài như CSS được tham chiếu.Những lợi ích của việc sử dụng tệp JavaScript riêng bao gồm:
Để chứng minh cách kết nối một tài liệu JavaScript với tài liệu HTML, hãy để tạo ra một dự án web nhỏ. Nó sẽ bao gồm 0 trong thư mục 1, 2 trong thư mục 3 và chính 4 chính trong gốc của dự án.
Chúng tôi có thể bắt đầu với mẫu HTML trước đây của chúng tôi từ phần trên: index.html
Bây giờ, hãy để di chuyển mã JavaScript của chúng tôi sẽ hiển thị ngày dưới dạng tiêu đề 5 vào tệp 0:script.js
Chúng tôi có thể thêm một tham chiếu đến tập lệnh này vào phần 0, với dòng mã sau:
Thẻ 1 đang trỏ đến tệp 0 trong thư mục 1 của dự án web của chúng tôi.Hãy cùng xem xét dòng này trong bối cảnh tệp HTML của chúng tôi, trong trường hợp này, trong phần 0:index.html
Cuối cùng, hãy để Lừa cũng chỉnh sửa tệp 2 bằng cách thêm màu nền và kiểu dáng vào tiêu đề 5:style.css
Chúng tôi có thể tham khảo tệp CSS trong phần 9 của tài liệu HTML của chúng tôi:index.html 0Bây giờ, với JavaScript và CSS tại chỗ, chúng tôi có thể tải trang 4 vào trình duyệt web mà chúng tôi lựa chọn. Chúng ta sẽ thấy một trang trông giống như sau:Bây giờ chúng tôi đã đặt JavaScript vào một tệp, chúng tôi có thể gọi nó theo cách tương tự từ các trang web bổ sung và cập nhật tất cả chúng ở một vị trí duy nhất Sự kết luậnHướng dẫn này đã đi qua cách kết hợp JavaScript vào các tệp web của bạn, cả hai tuyến vào tài liệu HTML và dưới dạng tệp 6 riêng biệt.Từ đây, bạn có thể tìm hiểu cách làm việc với bảng điều khiển nhà phát triển JavaScript và cách viết bình luận bằng JavaScript. |