我尝试将变量从一个 js 文件“传输”到另一个 js 文件。
我已经尝试过使用导入/导出,但它没有用。
test1.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=<device-width>, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<div class="wrapper">
<h1 class="sentence">hey guys</h1>
</div>
<script src="test1.js" type="module"></script>
</body>
</html>
test1.js
let greeting=document.querySelector('.sentence').innerHTML;
console.log(greeting);
test2.js
$.getScript('test1.js',function(){
console.log(greeting);
})
我得到的错误信息是: 跨源请求被阻止:同源策略不允许读取位于 file:///Users/michalislazaris/Desktop/test.js 的远程资源。 (原因:CORS 请求不是 http)。 和: 此文档中不允许使用模块源 URI:“file:///Users/michalislazaris/Desktop/test.js”。
最佳答案
根据生成的错误消息判断您正在本地运行您的应用程序。这导致被阻止 CROSS-Origin Request因为这两个页面不在同一个“服务器”上。
为了解决这个问题,您必须在开发服务器上运行您的应用程序,并且有大量选项可供选择!我个人最喜欢的是 Parcel ,使用起来非常简单(最小配置)。
一旦您的应用程序在服务器上运行,错误就必须消失。
关于javascript - 2个js文件之间的链接,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57457786/