两个javascript文件能否通过html正文中的引用进行通信?
我正试图从functions.js导出并将其导入login.js,但当我加载localhost:3000时,会出现错误“Uncaught SyntaxError:无法在模块外使用import语句”和“Uncaught SyntaxError:意外标记‘导出’” webpack是唯一的解决方案吗?我在我的项目的后期阶段,试图找到容易的工作 代码:两个javascript文件能否通过html正文中的引用进行通信?,javascript,html,import,export,require,Javascript,Html,Import,Export,Require,我正试图从functions.js导出并将其导入login.js,但当我加载localhost:3000时,会出现错误“Uncaught SyntaxError:无法在模块外使用import语句”和“Uncaught SyntaxError:意外标记‘导出’” webpack是唯一的解决方案吗?我在我的项目的后期阶段,试图找到容易的工作 代码: 既然你要求轻松解决问题,你可以考虑使用全局变量。< /P> 所有JavaScript文件都有一个通用的全局作用域。浏览器脚本文件之间的通用全局对象上下
既然你要求轻松解决问题,你可以考虑使用全局变量。< /P>
所有JavaScript文件都有一个通用的全局作用域。浏览器脚本文件之间的通用全局对象上下文是
window
。当您分配一个变量,如x=1
,它将被分配到window.x
。如果您定义一个类似于function go(){}
的函数,它将被分配到window.go
。如果您试图读取像foo
这样的变量,它实际上是在查找window.foo
。您的所有JavaScript文件都可以访问此窗口
对象及其属性,既可以显式使用window.foo
,也可以隐式使用foo
也值得一提的是,这是一件事。但是如果你现在只是在寻找一个快速的解决方案,没有时间去学习一些新的东西,那么一个谨慎使用的全局可以让你摆脱困境。 < P>因为你要求简单的解决方法,你可以考虑使用Global。
所有JavaScript文件都有一个通用的全局作用域。浏览器脚本文件之间的通用全局对象上下文是window
。当您分配一个变量,如x=1
,它将被分配到window.x
。如果您定义一个类似于function go(){}
的函数,它将被分配到window.go
。如果您试图读取像foo
这样的变量,它实际上是在查找window.foo
。您的所有JavaScript文件都可以访问此窗口
对象及其属性,既可以显式使用window.foo
,也可以隐式使用foo
也值得一提的是,这是一件事。但是,如果您只是在寻找一个快速的解决方案,现在没有时间学习新的东西,那么仔细使用的global可以让您摆脱困境。如果您使用
手动导入,那么您不必使用导入
,您可以直接使用提供给您的库
index.html
sum.js
const sum=(a,b)=>{
返回a+b
}
print.js
var result=sum(1,1)//请注意,您不必导入任何库,它位于全局命名空间上
console.log(“1+1=”,结果)
Webpack的工作是将所有JS文件打包成一个文件。因此,如果您想使用导入
,那么webpack将是您想要选择的方式
但要了解每种工具的用途以及创建它的原因。未创建网页包,因此您可以使用导入
,并且您仍然可以在没有网页包的情况下创建项目。但在某些情况下,它肯定会帮助您,不会浪费任何知识。如果您使用
手动导入,则不必使用导入,您可以直接使用提供给您的库
index.html
sum.js
const sum=(a,b)=>{
返回a+b
}
print.js
var result=sum(1,1)//请注意,您不必导入任何库,它位于全局命名空间上
console.log(“1+1=”,结果)
Webpack的工作是将所有JS文件打包成一个文件。因此,如果您想使用导入
,那么webpack将是您想要选择的方式
但要了解每种工具的用途以及创建它的原因。未创建网页包,因此您可以使用导入
,并且您仍然可以在没有网页包的情况下创建项目。但在某些情况下,它肯定会帮助您,不会浪费任何知识。无需导入或导出。通过在login.js
之前使用functions.js
脚本,它的所有功能将可供login.js
使用。另一方面,如果你正在寻找比Webpack更简单的东西,请查看。无需导入或导出。通过在login.js
之前使用functions.js
脚本,它的所有功能将可供login.js
使用。另一方面,如果你正在寻找比Webpack更简单的东西,请查看。
<html>
<body
<script src="/js/exports/functions.js"></script>
<script src="/js/login.js"></script>
</body>
</html>