javascript - HTML 和 JavaScript 位于单独的文件中 - 新手警报

标签 javascript html node.js

好的。我觉得自己很蠢!我一直在尝试做一些非常简单的事情,但发现它很难做或很难找到。我想做的就是:

  1. 显示index.html 文件。
  2. 我想要一个单独的 JavaScript 文件,其中包含我的所有 JavaScript 代码。完全分离,因此我的 HTML 文件中没有任何 JavaScript 代码。我不想要点击事件或任何花哨的东西。
  3. 我只想让页面显示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/

相关文章:

javascript - 如何使用 Sinon 仅模拟一种方法?

javascript - 仅当 URL 中的参数更改时重新加载页面

javascript - 防止 div 换行,但不添加默认滚动条

html - 彼此相邻的 div 与彼此顶部的嵌套 div?

javascript - 使用 react 和 node 不使用 req.files 上传图像

node.js - 间歇性 502 错误网关错误(使用 nginx、nodejs、mongodb)

javascript - 如何为 jqPlot 中的特定数据系列设置 Stack Series false

javascript - 使用闭包编译器和已编译的 vue.js 模板

javascript - 为什么我的 onclick 事件自动触发

javascript - 使用 Browserify 捆绑 CasperJS+SlimerJS 代码?