HTML 文件無法調用 JavaScript function
[英]HTML file having trouble calling a JavaScript function
問題描述
嘗試了解圖書館如何在 HTML 中工作。
在我的 HTML 文件中，我嘗試使用 JavaScript 文件中的函數，該文件與 HTML 文件位於同一文件夾中。 我希望 function 告訴 HTML 在屏幕上打印一條簡單的消息，所以我知道我已經取得了一些進展，但是，唉，我不知道我在做什么。 這是我從網上資源和手頭的教科書中得到的。
到目前為止，這是我的 HTML 的樣子：
<!doctype html>
<!-- project9.html -->
<html>
<head>
<title>Testing Function</title>
<script type="text/javascript" src="test.js"></script>
<script type="text/javascript">
function Test()
</script>
</head>
</body>
</html>
這是 test.js 文件，與 HTML 文件位於同一文件夾中：
function Test(){
return ' test '
}
我忽略了一些非常簡單的事情，不是嗎？
2 個解決方案
解決方案1
4 已采納 2020-11-13 18:51:45
當你想調用 function 時，你只需要引用該函數的名稱（以及任何 arguments 但在這種情況下不相關）而不是單詞function 。
此外，您正在返回字符串，而不是對它做任何事情。 這至少會提醒它。
function Test(){ return ' test ' } alert(Test())
解決方案2
1 2020-11-13 18:58:37
要修改屏幕上的 HTML 內容，您可以使用獲取該元素的引用，然后使用innerHTML
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<title>Test</title>
</head>
<body>
<p id="test"></p>
<script src="./index.js"/> <!-- just import the file -->
</body>
</html>
索引.js
function test() {
var p = document.getElementById("test");
p.innerHTML = "test";
}
test(); //notice the function call
在HTML中調用函數時出現問題
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.