简介
reference.min.js 是一款轻量且易于使用的 JavaScript 库，其主要用途是用于显示 HTML 中与理论参考文献相关的引用。它通过将引用信息嵌入到 HTML 标记本身中的 "data-ref" 属性中来实现其目标。
安装
reference.min.js 是通过 npm 包管理器进行安装的。
npm install reference
使用
引入库文件
<head> <script src="node_modules/reference/dist/reference.min.js"></script> </head>
在需要插入参考文献的 HTML 元素上添加 data-ref 属性，并设置为所引用参考文献的 ID：
<p data-ref="ref1"></p>
在页面底部添加参考文献列表：
<footer> <ol id="reference-list"></ol> </footer>
在 JavaScript 中，使用 Reference 对象和 add 方法来注册参考文献。此方法接受两个参数：参考文献的 ID 和参考文献的描述。
const refList = document.getElementById("reference-list");
const ref = new Reference(refList);
ref.add("ref1", "Author, A.B. (Year). Title of article. Title of Periodical, volume number(issue number), pages.");在页面加载完毕后，执行 init() 来生成参考文献的链接并将其添加到页面中。
window.onload = function () {
ref.init();
};示例代码
-- -------------------- ---- -------
--------- -----
------
------
---------------- ---------------
------- ------------------------------------------------------------
-------
------
-------- --------- ------------
---
----- ----- ----- --- ----- ----------- ---------- ----- --- - ----
---------- --------- ----- ---- ------- ------- ----- -- ----- --- -----
------- ------- --- --------- ---- ----------- -------- ------------
------- ------ --- ---- --------- -- -------- ----- -------- --- -- -----
-------- ------ ---- --- ----- --------- ------ --------- -------
--------- ---- -- ------------ ------ --------- ------- ----- ---------
-------- ------ --------- ---- ---------- -- ---- -------- ----- --------
------- -- -- --- -- ------- ------ ----- --- -------- ------------
-------- --- ----- ----- ---------
----
-- ----------------
---- ------ --- --- ---- ---------- ---- ----------- ----- -------- ---
-------- -------- ------ -- ------ ------ -------- --- --- ---- ----- --
---- -------- --------- -- ------ ------- ---- --- ---- ------- ------
------- --- ----- --- ------ --- --- ------- ------- ----- --- ------
------ --- -------- ---- -- -------- --------- ------ ----- ------
-------- --- ----- --- --------- ------ ----- --- - -------- ------
----
--------
--- -------------------------
---------
--------
----- ------- - ------------------------------------------
----- --- - --- -------------------
--------
-------
-------- ---- ------- ----- -- -------- ----- -- ----------- ------ ------------ -------- -------
--
------------- - -------- -- -
-----------
--
---------
-------
-------意义
参考文献是学术研究的重要组成部分，它可以使读者更容易地找到引用的文献，并帮助其他人确认和复制研究中的结果。reference.min.js 使得在网页上添加参考文献变得更加容易和方便，特别对于在线学术发布和博客写作非常有用。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066bce967216659e244b23