資料結構
網路
關係資料庫管理系統(RDBMS)
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C語言程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP
物理學
化學
生物學
數學
英語
經濟學
心理學
社會學
時尚研究
法律研究如何在HTML中呼叫JavaScript函式？
在本文中，我們將探討從HTML模板呼叫和初始化JavaScript函式。我們需要JavaScript函式來對傳遞的輸入執行所需的方法。
在本教程中，我們將討論從HTML頁面呼叫JavaScript函式的兩種主要方法。
在第一種方法中，我們將使用一個簡單的輸入標籤和一個與其關聯的提交按鈕。單擊按鈕後，我們將看到一個在螢幕上彈出的對話方塊作為警報。此按鈕單擊時呼叫JavaScript函式以顯示警報。
方法一
首先，使用input標籤建立一個按鈕。
單擊按鈕後，您將看到一個在螢幕上彈出的對話方塊，該對話方塊已在JavaScript函式中宣告為警報。
clickEvent()函式允許在使用onclick()方法單擊此按鈕時執行alert()。
示例1
# index.html
<!DOCTYPE html>
<html>
<body>
<h1 style="color: green;">
Welcome To Tutorials Point
</h1>
<input type="button" onclick="clickEvent();" value="Click Here !" />
<script>
function clickEvent() {
alert("Hey... The Javascript function is invoked.");
}
</script>
</body>
</html>輸出
上述程式將產生以下結果。當您單擊“點選此處！”按鈕時，它將彈出訊息“嘿……已呼叫Javascript函式”的警報。
方法二
在這種方法中，我們可以使用JavaScript直接編寫HTML。我們可以將所有模板程式碼新增到script標籤中，並使用document.write()方法寫入模板。同樣，我們也可以直接從HTML模板中使用JavaScript函式，而無需使用任何事件。
示例2
# index.html
<!DOCTYPE html>
<html>
<head>
<title>Calling JavaScript function in HTML</title>
</head>
<body>
<script>
function display() {
document.write("<h1 style='color:green;'>Welcome to Tutorials Point</h1>");
document.write("<h3>Writing this text from Javascript</h3>");
}
display();
</script>
</body>
</html>輸出
上述程式的輸出如下面的螢幕截圖所示：
更新於：2022年4月22日
2K+瀏覽量
廣告