我正在尝试将 javascript 文件中声明的一个函数导入到另一个 javascript 文件中,但无法正确执行。我没有使用任何转译器。
我正在尝试将变量和函数从一个 JavaScript 文件导入到另一个文件,但不想使用转换器。我无法正确理解如何导入和导出函数。我使用 Adobe{Brackets}
作为我的 IDE。
我已经将导入脚本转换为模块,但我仍然是 无法导出或导入。作为第二次尝试,我尝试转换导出脚本 到模块但仍然收到以下错误:
Parsing Error- Export and import keyword are reserved.
作为第三次尝试,我将这两个文件都转换为模块。但还是不行。
HTML:
<html>
<head><title>Test1</title>
</head>
<body>
<button type = "button" class= "slctbtn" onclick= "select()" id= "selct_btn">Select</button>
</body>
<script src="javascript/select.js"></script>
<script type="module" src="javascript/Test.js"></script>
</html>
javascript/Test.js:
var today = 28;
export {today};
javascript/select.js:
import {today} from "./javascript/Test.js";
function select(){
var month = "august";
var year = "2019";
alert("this is " + month + " of the year " + year + " and today is " + today + " day.");
}
最佳答案
你不能真正混合搭配module
和非模块 JS。所以:
- 仅使用一个
<script>
元素- 做到
type="module"
- 加载
select.js
有了它
- 做到
- 使用
import {today} from "./Test.js";
因为路径是相对于JS的 - 由于模块中的变量不是全局变量,因此使用
addEventListener
里面select.js
并且不是onclick
属性。
关于javascript - 如何将一个javascript中定义的函数调用到另一个javascript文件中?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57699164/