【问题标题】:Display content of a (source code) file in a Website在网站中显示(源代码)文件的内容
【发布时间】:2022-12-12 08:11:45
【问题描述】:

如何包含包含 f.e. 源代码的文件?网站/网页中的 JavaScript?

<pre>
  <code>
   // content of ./example.js here
  </code>
</pre>

我不想在 index.html 文件本身中包含静态源代码

编辑:不得执行/解释代码。

【问题讨论】:

  • 没有一种特定的方法可以做到这一点。它可以在您的网站构建/捆绑过程中完成,或者您可以让页面上的代码从服务器获取它并在主页加载后将内容添加到 DOM。
  • 好的谢谢澄清!

标签: javascript html css


【解决方案1】:

要在网站或网页中包含包含源代码的文件,您可以使用&lt;script&gt; 标签。 &lt;script&gt; 标签用于在 HTML 文档中包含脚本或外部文件,例如 JavaScript。您可以使用 src 属性指定外部文件的位置,使用 type 属性指定文件中包含的脚本类型。

以下是如何在 HTML 文档中包含外部 JavaScript 文件的示例:

<script src="./example.js" type="text/javascript"></script>

这将在您的 HTML 文档中包含文件 example.js 的内容。您可以在 HTML 文档的 &lt;body&gt; 中的任何位置包含 &lt;script&gt; 标签。

或者,您可以使用 &lt;link&gt; 标记将外部文件包含在您的 HTML 文档中。 &lt;link&gt; 标签通常用于链接到外部样式表,但它也可用于包含包含 JavaScript 代码的外部文件。

以下是如何使用标记来包含外部 JavaScript 文件的示例:

<link rel="stylesheet" type="text/javascript" href="./example.js">

这将在您的 HTML 文档中包含文件 example.js 的内容。 &lt;link&gt; 标记应包含在 HTML 文档的 &lt;head&gt; 中。

请注意,您在示例中使用的 &lt;pre&gt;&lt;code&gt; 标记通常用于在网页上显示格式化代码,但它们实际上不会在页面中包含代码。要在页面中包含代码,您需要如上所述使用 &lt;script&gt;&lt;link&gt; 标签。

您可以使用 &lt;script&gt;&lt;link&gt; 标签在网站或网页中包含包含 Python 代码的外部文件。但是,需要将 &lt;script&gt;&lt;link&gt; 标记的类型属性设置为一个值,以指示该文件包含 Python 代码,而不是 JavaScript 代码。

例如,您可以使用以下 &lt;script&gt; 标记在 HTML 文档中包含外部 Python 文件:

<script src="./example.py" type="text/python"></script>

这将在您的 HTML 文档中包含文件 example.py 的内容。对于 JavaScript 文件,您可以在 HTML 文档的 &lt;body&gt; 中的任何位置包含 &lt;script&gt; 标记。

同样,您可以使用以下标记在 HTML 文档中包含外部 Python 文件:

<link rel="stylesheet" type="text/python" href="./example.py">

这将在您的 HTML 文档中包含文件 example.py 的内容。 &lt;link&gt; 标签应该包含在您的 HTML 文档中。

请注意,在这两种情况下,type 属性都设置为 text/python 以指示该文件包含 Python 代码。这不是 type 属性的标准值,因此某些浏览器可能无法识别它。在这种情况下,文件中的代码可能无法正常执行。您可能需要为 type 属性使用不同的值,或者使用不同的方法将 Python 代码包含在 HTML 文档中。

还值得注意的是,虽然可以在 HTML 文档中包含 Python 代码,但这样做通常不是一个好主意。 HTML 是为在 Web 浏览器中显示内容而设计的,而 Python 是一种通用编程语言。将两者混合使用会导致代码难以维护且容易出错。如果您需要在 Web 上下文中使用 Python,通常最好使用 Flask 或 Django 等服务器端技术,而不是尝试将 Python 代码直接包含在 HTML 文档中。

【讨论】:

  • 这个问题与 python 没有任何关系。此外,不得执行代码.因此,如果您在其中包含一些 js 文件脚本标签,那么它将被执行。
猜你喜欢
  • 2018-08-07
  • 2018-01-29
  • 2013-02-15
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多