好的。我觉得自己很蠢!我一直在尝试做一些非常简单的事情,但发现它很难做或很难找到。我想做的就是:
- 显示index.html 文件。
- 我想要一个单独的 JavaScript 文件,其中包含我的所有 JavaScript 代码。完全分离,因此我的 HTML 文件中没有任何 JavaScript 代码。我不想要点击事件或任何花哨的东西。
- 我只想让页面显示Hello World! onLoad 通过从 JavaScript 函数获取它。
顺便说一句: 似乎所有教程要么将 JavaScript 代码与 HTML 放在一起,要么想向您展示如何做一些奇特的事情。我已经尽力了,但无济于事。
下面列出了我得到的最接近的结果。我放弃!如果有一点帮助,我们将不胜感激。
index.html:
<!DOCTYPE html>
<html>
<head>
<title>TODO supply a title</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="script.js"></script>
</head>
<body>
<script type="text/javascript"></script>
</body>
</html>
script.js:
window.onload = function() {
var result="Hello World!";
return result;
};
最佳答案
如果要附加到正文,可以创建一个文本 Node ( createTextNode()
),然后直接将其附加到 body
:
window.onload = function() {
var result = document.createTextNode("Hello World!");
document.querySelector('body').appendChild(result);
};
关于javascript - HTML 和 JavaScript 位于单独的文件中 - 新手警报,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35515157/