Nếu chúng ta muốn gọi chức năng JavaScript trong HTML thì chúng ta phải làm theo các bước được đưa ra dưới đây. Sử dụng các bước này, chúng ta có thể dễ dàng truy cập chức năng JavaScript.
Bước 1: Đầu tiên, chúng ta phải nhập thẻ tập lệnh giữa lần bắt đầu và đóng thẻ ngay sau thẻ tiêu đề. Và sau đó, nhập chức năng JavaScript. Firstly, we have to type the script tag between the starting and closing of tag just after the title tag. And then, type the JavaScript function.
Bước 2: Sau đó, chúng ta phải gọi chức năng JavaScript trong mã HTML để hiển thị thông tin hoặc dữ liệu trên trang web. Vì vậy, chúng ta có thể gọi chức năng của JavaScript theo tên của nó trong thẻ đầu vào của thẻ biểu mẫu. After then, we have to call the javaScript function in the Html code for displaying the information or data on the web page. So, we can call the function of JavaScript by its name in the input tag of the form tag.
Bước 3: Và cuối cùng, chúng ta phải lưu tệp HTML và sau đó chạy tệp gọi chức năng JavaScript. And, at last, we have to save the Html file and then run the file which calls the JavaScript function.
Kiểm tra nó ngay bây giờĐầu ra của mã HTML trên được hiển thị trong ảnh chụp màn hình sau:
Các tập lệnh bên ngoài không thể chứa các thẻ
Trong HTML, mã JavaScript được chèn giữa các thẻ và .
Thí dụ
document.getEuityById ["demo"]. innerHtml = "JavaScript đầu tiên của tôi";
document.getElementById["demo"].innerHTML = "My First JavaScript";
Hãy tự mình thử »
Ví dụ JavaScript cũ có thể sử dụng thuộc tính loại:. Thuộc tính loại là không bắt buộc. JavaScript là ngôn ngữ kịch bản mặc định trong HTML.
The type attribute
is not required. JavaScript is the default scripting language in HTML.
Chức năng và sự kiện của JavaScript
JavaScript function là một khối mã JavaScript, có thể được thực thi khi "được gọi là" cho.
Ví dụ: một hàm có thể được gọi khi một sự kiện xảy ra, như khi người dùng nhấp vào nút.event occurs, like when the user clicks a button.
Bạn sẽ tìm hiểu nhiều hơn về các chức năng và sự kiện trong các chương sau.
JavaScript trong hoặc
Bạn có thể đặt bất kỳ số lượng tập lệnh nào trong tài liệu HTML.
Các tập lệnh có thể được đặt trong hoặc trong phần của trang HTML hoặc trong cả hai.
JavaScript trong
Trong ví dụ này, JavaScript function được đặt trong phần của trang HTML.
Hàm được gọi [được gọi] khi nhấp vào nút:
Thí dụ
function myFunction [] {& nbsp; & nbsp; document.getEuityById ["demo"]. innerHtml = "Đoạn đã thay đổi."; }
function myFunction[] {
document.getElementById["demo"].innerHTML
= "Paragraph changed.";
}
Demo javascript trong đầu
Một đoạn nó
Try it
Chức năng và sự kiện của JavaScript
Hãy tự mình thử »
JavaScript trong
Trong ví dụ này, JavaScript function được đặt trong phần của trang HTML.
Hàm được gọi [được gọi] khi nhấp vào nút:
Thí dụ
Chức năng và sự kiện của JavaScript
Hãy tự mình thử »
Trong ví dụ này, JavaScript function được đặt trong phần của trang HTML.
Demo javascript trong cơ thể
Một đoạn văn
function myFunction[] {
document.getElementById["demo"].innerHTML = "Paragraph changed.";
}
Chức năng và sự kiện của JavaScript
Hãy tự mình thử »
Trong ví dụ này, JavaScript function được đặt trong phần của trang HTML.
Demo javascript trong cơ thể
Một đoạn văn
Thử nó
hàm myFunction [] {& nbsp; Document.getEuityById ["Demo"]. Internhtml = "Đoạn đã thay đổi."; }
document.getElementById["demo"].innerHTML = "Paragraph changed.";
}
Đặt các tập lệnh ở dưới cùng của phần tử sẽ cải thiện tốc độ hiển thị, bởi vì diễn giải tập lệnh làm chậm màn hình.
JavaScript bên ngoài.js.
Các tập lệnh cũng có thể được đặt trong các tệp bên ngoài:
Tệp bên ngoài: myscript.js
hàm myFunction [] {& nbsp; Document.getEuityById ["Demo"]. Internhtml = "Đoạn đã thay đổi."; }
Các tập lệnh bên ngoài là thực tế khi cùng một mã được sử dụng trong nhiều trang web khác nhau.
Các tệp JavaScript có phần mở rộng tệp .js.
Để sử dụng tập lệnh bên ngoài, hãy đặt tên của tệp tập lệnh vào thuộc tính src [nguồn] của thẻ :
- Bạn có thể đặt một tham chiếu tập lệnh bên ngoài trong
hoặcnhư bạn muốn. - Kịch bản sẽ hoạt động như thể nó nằm chính xác vị trí của thẻ
. - Các tập lệnh bên ngoài không thể chứa các thẻ
.
Ưu điểm JavaScript bên ngoài
Thí dụ
Chức năng và sự kiện của JavaScript
Hãy tự mình thử »
Trong ví dụ này, JavaScript function được đặt trong phần của trang HTML.
- Demo javascript trong cơ thể
- Một đoạn văn
- Thử nó
hàm myFunction [] {& nbsp; Document.getEuityById ["Demo"]. Internhtml = "Đoạn đã thay đổi."; }full URL to link to myScript.js:
Thí dụ
function myFunction [] {& nbsp; & nbsp; document.getEuityById ["demo"]. innerHtml = "Đoạn đã thay đổi."; }
Hãy tự mình thử »
Trong ví dụ này, JavaScript function được đặt trong phần của trang HTML.file path to link to myScript.js:
Demo javascript trong cơ thể
Một đoạn văn