当前位置: 首页 > news >正文

js导入导出

好久没有学习新的知识点了,今天开始学一下前端的知识点。直接在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页面是这样的。

在这里插入图片描述

http://www.lryc.cn/news/385737.html

相关文章:

  • python办公自动化之excel
  • 生命在于学习——Python人工智能原理(2.5.1)
  • visual studio 2022配置和使用jsoncpp
  • Spring Boot中的动态数据源切换
  • npm error code EUNSUPPORTEDPROTOCOL 解决
  • 基于改进天鹰优化算法(IAO)优化支持向量机(SVM)数据分类预测(IAO-SVM)
  • 【数学建模】—【Python库】—【Numpy】—【学习】
  • C语言一些逆置算法
  • CentOS7安装MongoDB
  • python笔记----少儿编程课程
  • RabbitMQ实践——搭建单人聊天服务
  • GPT-5
  • Vip-智能预估+大数据标签+人群全选=用户分群!
  • SpringBoot异常处理机制之自定义404、500错误提示页面 - 518篇
  • 为什么选择Xinstall CPA结算系统?因为它能帮您解决这些痛点!
  • 2024年【建筑电工(建筑特殊工种)】模拟试题及建筑电工(建筑特殊工种)作业考试题库
  • 解锁数字化转型的双引擎:MSP和CMP的力量
  • Pyecharts入门
  • Socket编程详解(一)服务端与客户端的双向对话
  • 使用Python实现深度学习模型:强化学习与深度Q网络(DQN)
  • Py-Spy、Scalene 和 VizTracer 的对比分析
  • 软考架构师考试内容
  • 【MySQL基础篇】概述及SQL指令:DDL及DML
  • 计算机网络 —— 网络字节序
  • 区块链不可能三角
  • 新手第一个漏洞复现:MS17-010(永恒之蓝)
  • 代码随想录Day64
  • Angular 指令
  • 移动端 UI 风格,书写华丽篇章
  • flutter开发实战-ListWheelScrollView与自定义TimePicker时间选择器