Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/367.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/linq/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
两个javascript文件能否通过html正文中的引用进行通信?_Javascript_Html_Import_Export_Require - Fatal编程技术网

两个javascript文件能否通过html正文中的引用进行通信?

两个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文件都有一个通用的全局作用域。浏览器脚本文件之间的通用全局对象上下

我正试图从functions.js导出并将其导入login.js,但当我加载localhost:3000时,会出现错误“Uncaught SyntaxError:无法在模块外使用import语句”和“Uncaught SyntaxError:意外标记‘导出’”

webpack是唯一的解决方案吗?我在我的项目的后期阶段,试图找到容易的工作

代码:



既然你要求轻松解决问题,你可以考虑使用全局变量。< /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>