好久没有学习新的知识点了,今天开始学一下前端的知识点。直接在vscode里面编写,然后从基本的前端知识开始。
JS的导入导出
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>js导入导出</title>
</head>
<body>
<div id="app">
<button id="btn">点我展示信息</button>
</div>
<script type="module">
import {complexMessage} from './showMessage.js';
document.getElementById("btn").onclick=function(){
complexMessage("我被点击了......")
}
</script>
</body>
</html>
//简单的展示信息
export function simpleMessage(msg){
console.log(msg)
}
//复杂的展示信息
export function complexMessage(msg){
console.log(new Date()+": "+msg)
}
直接运行:
当然也可以进行批量导出:
也可以用as 起别用,跟数据库是一样的,只要导出函数,跟js这边的方法名对应的上就可以了。
最后的web页面是这样的。