开发者问题收集

使用外部 js 执行 Element 函数失败

2020-12-20
16

我刚开始学习 JS,但总是无法通过外部 javascript 成功运行函数。我不知道哪里出了问题。问题是,使用内联 javascript 时可以运行,但使用外部 javascript 时不行。以下是代码:

{% load static %}
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="{% static 'css/main.css' %}">

<title id='title'> Home </title>

</head>
<body>

<input type="button" id="btn" value="testas" onclick="myFunction()" />

<address>
    Written by <a href="mailto:[email protected]">Jon Doe</a>
</address>

<script src="{% static 'javascript/js.js' %}"></script>

</body>
</html>

JS:

function ChangeTitle() {
    document.getElementById("title").innerHTML = 'Homepage';
}

我想将标题“Home”更改为“Homepage”,但外部 JS 不行。

1个回答

在您的 JS 脚本中您只创建了函数,现在您需要调用它。

只需在脚本末尾添加 ChangeTitle(); 即可。

patonjo
2020-12-20