堆栈内存溢出
  繁体   English   中英

如何在HTML中使用导出

[英]How use export in an HTML

 原文  2018-06-01 11:21:50  0   2    javascript/ html/ html5

问题描述

当我有带有导出语句的外部javascript文件时，如何在HTML中调用它？

  • <script>标记中的导入也不起作用。
  • <head>的include给我一个“意外的令牌导出”错误

例如：我的extern js-File 

export function myFunction(text) { return text; }

我的HTML： 

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
    <script src="myExternFile.js"> </script>
</head>
<body>
    <script>
        console.log(myFunction("some text"));
    </script>
</body>
</html>

2 个解决方案

解决方案1
 2 已采纳  2018-06-01 11:29:33

根据浏览器中的ECMAScript模块，您可以使用<script type="module"> 

<script type="module">
  import {myFunction} from './myExternalFile.js';

  console.log(myFunction("some text"));
</script>

解决方案2
 1  2018-06-01 11:28:46

您的功能将在不导出的情况下运行。 只要确保在脚本标签之间调用它即可。

暂无
暂无

声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

相关问题 如何导出Codepen以在网站的HTML中使用 如何在 React 应用程序中使用 HTML 和 JS 来导出组件 如何在Angular中使用$ compile将HTML导出到外部函数 webpack 导出 JavaScript 类并在 HTML 中使用 如何将 HTML 表格导出为 PDF 如何使用html2canvas和jspdf以正确且简单的方式导出为pdf 如何导出带有钩子的 React 库组件以在 html 文件中使用？ 如何从另一个 html 文件导入变量？ （我使用导入/导出，但出现错误） 如何在jsplumb中使用export方法？ sequelize中如何导出和使用模型
相关标签
 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM