Cách gọi hàm JavaScript trong HTML mà không cần nút

Trong bài viết này, một số ánh sáng sẽ làm sáng tỏ cách một chức năng tồn tại trong JavaScript, có thể được truy cập bằng phần HTML

Gọi bất kỳ Hàm JS nào trong mã HTML

Khi giải quyết các chức năng trong JavaScript, hai kịch bản riêng biệt sẽ nổi bật. Phần này sẽ chỉ cho bạn cách bạn có thể gọi bất kỳ hàm JavaScript nào trong một trong hai trường hợp đó

JavaScript bên trong tệp HTML

Khi chức năng JavaScript tồn tại trong cùng một tệp với mã HTML, việc truy cập và gọi nó trong HTML khá đơn giản. Hãy cho chúng tôi xem mã mẫu dưới đây

< html >

< đầu >

<script type = "text/javascript">

function sampleFunction() {

alert("This function is working!");

}

script>

head>

<body>

<h1>Click this button to Call the JavaScript function inside HTMLh1>

<input type = "button" onclick = "sampleFunction()" value = "Press me!">

cơ thể >

html>

Trong phần JavaScript của mã này, một hàm được hình thành có tên là “hàm mẫu”. Chức năng được cho là thực hiện một cảnh báo khi được gọi. Trong phần chính của mã HTML, một nút được tạo. Các nút có tính năng “onclick” cho phép chúng gọi các hàm từ mã JS. Chúng tôi sẽ sử dụng tên “sampleFunction” sẽ được sử dụng để gọi nó trong tính năng “onclick”. Kiểm tra ví dụ dưới đây

Cách gọi hàm JavaScript trong HTML mà không cần nút

Đầu ra như sau

Cách gọi hàm JavaScript trong HTML mà không cần nút

JavaScript bên trong tệp bên ngoài

Trong hầu hết các trường hợp, các hàm JavaScript không có trong cùng một tệp với mã HTML. Trong những trường hợp như thế này, hai tệp cần được liên kết với nhau để mã HTML có thể gọi các hàm từ JavaScript. Mã này bên dưới đại diện cho tệp JavaScript

hàm mẫuChức năng () {

tài liệu. write("Hàm đã được gọi. ");

}

Trong tệp JavaScript, chức năng đã được tạo. Chức năng này hiện có thể được gọi trong tệp HTML bao nhiêu lần tùy ý nhà phát triển. Đoạn mã dưới đây hiển thị tệp HTML

< html >

< đầu >

<script type = "text/javascript" src = "jsFile.js"> tập lệnh >

< . "head>

<body>

<h1>Click this button to Call the JavaScript function inside HTMLh1>

<input type = "button" onclick = "sampleFunction()" value = "Press me!">

cơ thể >

html>

Ở đây chúng tôi đã liên kết tệp JavaScript có tên “jsFile. js” với tệp HTML bằng cách sử dụng từ khóa “src” trong các thẻ tập lệnh. Làm điều này sẽ cho phép chức năng “onclick” bên dưới truy cập chức năng từ tệp JS

Sự kết luận

Có hai cách để tiếp cận một chức năng JavaScript trong HTML. Đầu tiên là sử dụng tính năng “onclick” của một nút để gọi chức năng đã có sẵn bên trong tệp HTML. Cách thứ hai là liên kết tệp JavaScript bên ngoài với tệp HTML bằng cách sử dụng từ khóa “src”. Trong bài viết này, bạn đã học được hai tình huống khác nhau mà bạn sẽ cần truy cập một hàm từ JavaScript bên trong HTML

Đây là phương pháp được sử dụng nhiều nhất và ưa thích trong số ba phương pháp. Trong phương pháp này, chúng tôi xác định các tập lệnh trong một tệp riêng biệt và liên kết chúng bằng thuộc tính src của thẻ tập lệnh trong phần đầu của tài liệu HTML. Loại phải được đặt thành text\javascript. Tệp javascript bên ngoài sẽ có một. tiện ích mở rộng js

Trong bài viết này, chúng ta sẽ khám phá cách gọi và khởi tạo hàm JavaScript từ một mẫu HTML. Chúng tôi yêu cầu hàm JavaScript thực thi các phương thức mong muốn đối với đầu vào được truyền

Trong hướng dẫn này, chúng ta sẽ thảo luận về hai cách tiếp cận chính để gọi hàm JavaScript từ trang HTML

Trong Cách tiếp cận đầu tiên, chúng tôi sẽ lấy một thẻ đầu vào đơn giản và nút Gửi được liên kết với nó. Sau khi nhấp vào nút, chúng ta sẽ thấy một hộp thoại bật lên trên màn hình dưới dạng cảnh báo. Nút này khi nhấp gọi sẽ gọi hàm JavaScript để hiển thị cảnh báo

Cách tiếp cận 1

  • Đầu tiên, lấy một nút bằng thẻ đầu vào

  • Sau khi nhấp vào nút, bạn có thể thấy một hộp thoại bật lên trên màn hình đã được khai báo trong hàm JavaScript dưới dạng cảnh báo

  • Hàm clickEvent() cho phép thực thi cảnh báo() khi nút này được nhấp bằng cách sử dụng phương thức onclick()

ví dụ 1

# mục lục. html



   
      Welcome To Tutorials Point
   
   
   

đầu ra

Chương trình trên sẽ cho ra kết quả như sau. Khi bạn nhấp vào nút "Bấm vào đây. ", nó sẽ cảnh báo với thông báo "Này…chức năng Javascript được gọi. "

Cách gọi hàm JavaScript trong HTML mà không cần nút

Cách tiếp cận 2

Theo cách tiếp cận này, chúng ta có thể sử dụng JavaScript để viết HTML trực tiếp. Chúng tôi có thể thêm tất cả mã mẫu của mình bên trong thẻ script và ghi vào mẫu bằng tài liệu. viết phương pháp. Tương tự, chúng ta cũng có thể sử dụng các hàm JavaScript trực tiếp từ mẫu HTML mà không cần sử dụng bất kỳ sự kiện nào

Cách gọi hàm JavaScript trực tiếp từ HTML?

Step 1: 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. Step 2: After then, we have to call the javaScript function in the Html code for displaying the information or data on the web page.

Làm cách nào chúng ta có thể gọi một hàm mà không cần onclick trong HTML?

Bạn đã thử hàm javascript setInterval() chưa? . setInterval( [mã của bạn hoặc lệnh gọi hàm][, khoảng thời gian tính bằng mili giây] ); điều này sẽ đảm nhiệm việc cập nhật trang của bạn qua ajax mà không cần .

Tôi có thể gọi một hàm bên trong HTML không?

Phương pháp đầu tiên là gọi hàm JavaScript trong HTML. Đối với điều này, bạn phải tạo một hàm rồi xác định hàm này trong phần đầu hoặc phần thân của tài liệu HTML . Bạn có thể tạo một liên kết hoặc một nút và sau đó một sự kiện onclick() được liên kết với chúng để gọi chức năng này.

3 cách gọi hàm trong js là gì?

Có thể gọi các hàm JavaScript. .
Là một chức năng
Là một phương pháp
Là một nhà xây dựng
thông qua cuộc gọi và áp dụng