时间戳

首页 > 解决方案 > 如何将 JavaScript 函数引用到 HTML 文件中

javascript - 如何将 JavaScript 函数引用到 HTML 文件中

问题描述

由于某些原因，在 PyCharm 中我无法将 JavaScript 代码包含到 HTML 文件中，因此我决定创建一个单独的 JS 文件，以便可以将代码放在那里。

我现在遇到的问题是尝试在 HTML 文件中引用正文中的函数。我怎样才能做到这一点？

JavaScript 代码：

 jQuery(document).ready(function() {

    $("#submit-button").click(function(e) {
      e.preventDefault();

      $.ajax({
          type: "POST",
          url: "/chatbot",
          data: {
              question: $("#question").val()
          },
          success: function(result) {
            $("#response").append("<br>Me: "+$("#question").val()+ "<br> Morty: "+result.response);
            $("#question").val("")
          },
          error: function(result) {
              alert('error');
          }
      });

    });

  });
}

我试图粘贴 HTML 代码，但它给了我一个格式错误，因此我在下面粘贴了一张图片：

我放在<script src="convo.js></script>哪里我想引用 JS 函数。

HTML 代码

标签： javascripthtml

解决方案

这取决于你这个项目的文件夹，如果你的脚本与 HTML 文件在同一个文件夹中，那么只需调用脚本文件名就src足够了，否则src将需要脚本的相对路径。

你的文件夹结构是什么？

推荐阅读