首页 前端知识 html中使用引入js文件中定义的变量

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

2024-01-25 10:01:49 前端知识 前端哥 667 448 我要收藏

以文件形式打开的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>

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

转载请注明出处或者链接地址:https://www.qianduange.cn//article/273.html
标签
评论
发布的文章

js向上取整

2024-02-03 16:02:53

9、jQuery

2024-02-03 12:02:49

jQuery 遍历方法总结

2024-02-03 12:02:26

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!