html中使用引入js文件中定义的变量

以文件形式打开的html使用引用js文件中的数据

data.js

const a1 = [1,2,3,4]
const a2 = 'hahahha'
function getData() {
	return {
		a1, 
		a2
	}
}

html中使用

<script src="js/data.js"></script>
<script>
// 以访问js中方法的形式获取数据
const data = getData()
</script>

以服务形式打开的html使用引用js文件中的数据(使用es6语法进行数据导出)

data.js

export const a1 = [1,2,3,4]
export const a2 = 'hahahha'

html中使用

<script type="module">
import *  as data from './js/data.js';
</script>

说明：一般开发人员都是使用服务形式打开，但是对于非开发人员，在他们电脑上打开时需要使用第一种形式。