import script module
2024-08-29 09:10:49
import script module
.mjs
<script type="module">
import {addTextToBody} from './utils.mjs';
addTextToBody('Modules are pretty cool.');
</script>
// utils.mjs
export function addTextToBody(text) {
const div = document.createElement('div');
div.textContent = text;
document.body.appendChild(div);
}
https://jakearchibald.com/2017/es-modules-in-browsers/
demos
mjs
<!DOCTYPE html>
<html lang="zh-Hans">
<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">
<meta name="author" content="xgqfrms">
<meta name="generator" content="VS code">
<title>geoJSON to SVG</title>
</head>
<body>
<svg data-uuid="live_map_svg" id="live_map_svg" width="100%" height="100%" viewBox="0 0 1000 600" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
</svg>
<!-- js -->
<script type="module" src="./index.js"></script>
<script type="module">
import test from './test.js';
test();
</script>
<!-- <script type="module">
import {convert} from './convert.mjs';
convert('Modules are pretty cool.');
</script>
<script type="module">
import test from './test.js';
test();
</script> -->
</body>
</html>
// geoJSON
const log = console.log;
// import areas from "./geo-area-json.json";
import {convert} from './convert.mjs';
convert('Modules are pretty cool.');
// log(`log`, areas)
log(`log`)
refs
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Modules
https://www.sitepoint.com/using-es-modules/
https://javascript.info/modules-intro
https://stackoverflow.com/questions/44590393/es6-modules-undefined-onclick-function-after-import
https://stackoverflow.com/questions/49338193/how-to-use-code-from-script-with-type-module
xgqfrms 2012-2020
www.cnblogs.com 发布文章使用:只允许注册用户才可以访问!
最新文章
- 将DataTable转换成CSV文件
- 【译】RabbitMQ:Topics
- CentOS配置本地yum源(使用镜像iso文件)
- CentOS安装Git
- 电脑远程工具:mstsc
- python命令行下tab键补全命令
- Python中用datetime包进行对时间的一些操作
- dataAdapter与dataSet和dataTable的填充
- wap开发使用jquery mobile之后页面不加载外部css样式文件/js文件
- FastDFS接口API文档说明
- 支持Angular 2的表格控件
- 小米wifi局域网下播放硬盘影片使用方法
- 转Fiddler 构造http请求
- JS之类数组
- spring ---->; ResourceBundle [message] not found for MessageSource: Can&#39;t find bundle for base name message, local_zh
- 【总结】STL--map
- ubuntu下查看windows的 txt 文件乱码
- ECMAScript5新特性之isSealed、seal
- Linux(Redhat)安装python虚拟环境
- MySQL 连接本地数据库、远程数据库命令
热门文章
- WPF和MVVM的结合使用方法,不可错过
- Spring Boot 系列总结
- 织梦dedecms首页、列表页、文章页文章点击浏览次数实时调用方法
- 操作系统中的描述符和GDT
- C - C(换钱问题)
- 矩阵树定理(Kirchhoff || Laplace)初探——Part 1(无向图计数)
- 【LA 3487】Duopoly(图论--网络流最小割 经典题)
- poj 1511-- Invitation Cards (dijkstra+优先队列)
- qmh的测试1
- .NetCore快速上手Consul,留给自己一点思考的空间