JavaScript的导入导出

导入JavaScript的全部内容

<script src="JavaScriptName.js"></script>

逐个导出

JS代码

export function getMessage(msg){console.log(msg)
}

 HTML代码

<script type="module">import { getMessage } from './showMessage.js'document.getElementById("btn").onclick = function(){getMessage('123');}
</script>

批量导出

JS代码

function complexMessage(msg){console.log(new Date()+": "+msg)
}export {complexMessage}

HTML代码

<body><div><button id="btn" >点我展示信息</button></div><script type="module">import { complexMessage } from './showMessage.js'document.getElementById("btn").onclick = function(){complexMessage('bbbbb');}</script>
</body>

默认批量导出

JS代码

//复杂的展示信息
function complexMessage(msg){console.log(new Date()+": "+msg)
}export default {complexMessage}

HTML代码

<body><div><button id="btn" >点我展示信息</button></div><script type="module">import messageMethods from './showMessage.js’messageMethods.complexMessage('bbb');</script>
</body>

设置别名

导入或者导出时,可以用as给方法设置别名

  • 导入时设置:
<script type="module">import { getMessage as gm } from './showMessage.js'document.getElementById("btn").onclick = function(){gm('123');}
</script>
  •  导出时设置
function complexMessage(msg){console.log(new Date()+": "+msg)
}export {complexMessage as cm}

 笔记参考

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/760348.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

mysql数据类型和常用函数

目录 1.整型 1.1参数signed和unsigned 1.2参数zerofill 1.3参数auto_increment 2.数字类型 2.1floor()向下取整 2.2随机函数rand() 2.3重复函数repeat() 3.字符串类型 3.1length()查看字节长度&#xff0c;char_length()查看字符长度 3.2字符集 3.2.1查看默认字符…

海外舆情监控的重要性以及云手机的推荐

海外市场不仅有着无尽的商机&#xff0c;同时也存在着各种各样的挑战。例如&#xff0c;海外市场舆情的复杂变化给企业带来了潜在风险&#xff0c;尤其在新媒体技术快速发展的时代&#xff0c;舆论对企业品牌形象的影响日益巨大。本文将详细探讨海外舆情监控的重要性以及为大家…

mysql日志( Redo Log 、Undo Log、Bin Log)

InnoDB是一个带有ACID事务支持的存储引擎&#xff0c;其中redo log和undo log是其实现原子性、一致性、隔离性和持久性&#xff08;ACID&#xff09;的重要机制。 Redo Log&#xff08;重做日志&#xff09; Redo log主要用于实现事务的持久性。它记录了后续可以用来恢复数据…

FlorisBoard:Android开源键盘的现代化选择

FlorisBoard&#xff1a;Android开源键盘的现代化选择 简介 FlorisBoard是一款免费且开源的安卓键盘&#xff0c;适用于Android 7.0及以上版本的设备。它的现代化设计和用户友好的界面使其在众多键盘应用中脱颖而出。FlorisBoard的独特之处在于它注重用户体验的同时&#xff0…

CSS object-fit 属性

object-fit 属性指定元素的内容应该如何去适应指定容器的高度与宽度。 object-fit 一般用于 img 和 video 标签&#xff0c;一般可以对这些元素进行保留原始比例的剪切、缩放或者直接进行拉伸等。 您可以通过使用 object-position 属性来切换被替换元素的内容对象在元素框内的…

使用java实现三个线程循环打印A,B,C,并写出三种方式

方式一&#xff1a;使用wait()和notifyAll() public class demo1 {private int n 0;private int turn 0;public static void main(String[] args) {new demo1().startThreads();}private void startThreads() {new Thread(() -> printLetter(A, 0), "线程1").s…

抖音视频提取工具可导出视频分享链接|视频爬虫批量下载

抖音无水印视频批量下载工具操作指南 一、工具介绍 我们开发了一款功能强大的视频批量下载工具&#xff0c;不仅能够通过单个视频链接进行提取&#xff0c;还可以通过关键词进行视频搜索&#xff0c;Q:290615413实现批量提取和有选择性的下载。 二、操作步骤 2.1 关键词批量…

IO网络通信

IO Bio&#xff1a; 同步阻塞&#xff0c;一个线程一次连接&#xff0c;基于字符流/字节流 Nio&#xff1a;同步非阻塞 一个线程多个连接&#xff0c;多个请求注册到多路复用selector上&#xff0c;多路复用器轮训连接 面向缓冲区&#xff0c; 从某通道读取数据到缓存区&…

Android:adb命令

执行adb命令的窗口如下 Mac或Linux系统里的终端窗口&#xff1b; window系统运行输入cmd打开的指令窗口&#xff1b; Android Studio 里控制下面的Terminal窗口 1. 查看已链接的设备和模拟器 adb devices -l 2. 查看Android内核版本号 adb shell getprop ro.build.version.re…

数据结构和算法:哈希表

哈希表 哈希表&#xff08;hash table&#xff09;&#xff0c;又称散列表&#xff0c;它通过建立键 key 与值 value 之间的映射&#xff0c;实现高效的元素查询。具体而言&#xff0c;向哈希表中输入一个键 key &#xff0c;则可以在 &#x1d442;(1) 时间内获取对应的值 va…

CSS样式表 样式优先级 选择器以及选择器的权重优先级

CSS组成 css由选择符和声明组成&#xff0c;声明又分为属性和属性值 属性必须放在花括号里面&#xff0c;属性与属性值必用冒号连接 每条声明用分号结束 当一个属性有多个属性值的时候&#xff0c;属性值与属性值部分先后顺序&#xff0c;用空格隔开 在书写样式过程中、空格、换…

C++ 设计模式:观察者模式

观察者模式是行为模式之一&#xff0c;它的一个对象的状态发生变化时能自动通知其它关联对象&#xff0c;自动刷新对象状态。 Qt中信号/槽函数机制就是观察者模式&#xff0c;信号只用进行函数声明&#xff0c;槽函数的参数要和信号的参数一致&#xff0c;这是因为编译器通过co…

软文营销塑造品牌形象,迅推客助力企业成功求发展

企业可以选择适合自身的新闻宣传方法。迅推客作为互联网整合营销机构&#xff0c;积极推动软文营销&#xff0c;助力企业塑造高端品牌形象。 1、新闻稿战略规划。 新闻宣传前要有明确的战略规划。在新闻稿的创作过程中&#xff0c;企业的需求与消费者的需求巧妙地融合在一起。…

JAVA学习-NIO.字符集和Charset

在Java NIO中&#xff0c;字符集&#xff08;Character Set&#xff09;用于将字符与字节之间进行编码和解码。Java NIO提供了Charset类来表示字符集&#xff0c;并且支持多种常用的字符集。 一、Java NIO中常用的字符集包括但不限于以下几种&#xff1a; 1. UTF-8&#xff1…

如何查看 MySQL 数据库中某张指定表的具体大小

显示表的数据和索引占用的空间总量&#xff0c;您可以执行以下查询。(即查看 MySQL 数据库中某张指定表的具体大小&#xff09; SELECT table_name AS Table, ROUND(((data_length index_length) / 1024 / 1024), 2) AS Size (MB) FROM information_schema.TABLES WHERE ta…

室内3D模型选择指南:哪家更值得信赖?

如今室内设计的3D模型已经成为了一种重要的设计工具。它们能够帮助设计师们更好地向客户展示他们的设计想法&#xff0c;同时也让客户能够更直观地理解他们的需求。然而&#xff0c;面对市场上众多的室内3D模型网站&#xff0c;我们该如何选择呢? 室内3D模型选择指南&#xff…

【代码随想录算法训练营第二十九天 | LeetCode491.递增子序列、46.全排列、47.全排列 II】

代码随想录算法训练营第二十九天 | LeetCode491.递增子序列、46.全排列、47.全排列 II 一、491.递增子序列 解题代码C&#xff1a; class Solution { private:vector<vector<int>> result;vector<int> path;void backtracking(vector<int>& nums…

构建高效Web应用程序:深入理解与实践RESTful API

I. 引言 A. Web应用程序开发的演变 随着互联网的迅速发展&#xff0c;Web应用程序开发也经历了巨大的变革。从最初的静态页面到动态网页&#xff0c;再到如今的复杂Web应用程序&#xff0c;这一演变过程中&#xff0c;开发者们不断寻求更高效、更灵活的解决方案&#xff0c;以…

echarts系列:echarts增加loading

背景 最近在大屏项目研发时&#xff0c;存在多个echarts图表&#xff0c;有些接口获取数据较慢&#xff0c;需要加loading样式&#xff1b; 解决方案 翻阅api&#xff0c;找到showLoading可进行设置 参考&#xff1a; 加载动画效果 显示加载动画效果。可以在加载数据前手动…

shader学习记录——几何着色器

参考连接&#xff1a; 几何着色器基础知识 模型沙砾化 Shader "Custom/geomShader" {Properties{_MainTex("Texture", 2D) "white" {}_Speed("Speed", Float) 10_AccelerationValue("AccelerationValue", Float) 10}Sub…