本文介绍如何使用npm包native-js-modals实现前端页面弹出框功能。
引入native-js-modals
在项目中使用npm管理包，通过npm引入native-js-modals
npm install native-js-modals
使用native-js-modals
使用前需要import native-js-modals，然后进行实例化，然后可以通过实例调用相关方法。
-- -------------------- ---- -------
------ -------------- ---- ------------------
----- ------ - --- ----------------
-- --------
------------------- --------
-- ----------
----------------
-------- --------------
------------------ -----
----------------- ----
---------- -- -
-- ---------
----------- -- -
-- ---------
--
-- ---------
---------------
-------- -----------
------------ ----------
------------------ -----
----------------- -----
---------- ----- -- -
-- ------------- --- --- -
------ --------
-
------ ----
-
------------- -- -
-- -----------------
----------- -- -
-- ---------
--API文档
alert
/**
* alert弹出框
* @param {string} message 弹出框内容
*/
alert(message)confirm
/**
* confirm弹出框
* @param {object} options 选项
* @param {string} options.message 弹出框内容
* @param {string} options.confirmButtonText 确定按钮文字
* @param {string} options.cancelButtonText 取消按钮文字
*/
confirm(options)prompt
-- -------------------- ---- ------- --- - --------- - ------ -------- ------- -- - ------ -------- --------------- ----- - ------ -------- ------------------- ------ - ------ -------- ------------------------- ------ - ------ -------- ------------------------ ------ - ------ ---------- ----------------- ---------------------------------- -- ---------------
示例代码
下面是一个关于如何使用native-js-modals的示例代码。
-- -------------------- ---- -------
--------- -----
----- ----------
------
----- ----------------
---------------------------------
------- ----------------------------------------------------------------------------
-------
------
------- ------------------------------------------
------- ----------------------------------------------
------- --------------------------------------------
--------
----- ------ - --- ----------------
-------- -------------- -
------------------- --------
-
-------- ---------------- -
----------------
-------- --------------
------------------ -----
----------------- ----
---------- -- -
------------------------
----------- -- -
------------------------
--
-
-------- --------------- -
---------------
-------- -----------
------------ ----------
------------------ -----
----------------- -----
---------- ----- -- -
-- ------------- --- --- -
------ --------
-
------ ----
-
------------- -- -
--------------------------------------- ------
----------- -- -
------------------------
--
-
---------
-------
-------总结
本文介绍了使用npm包native-js-modals实现前端页面弹出框的功能，native-js-modals提供了alert、confirm和prompt三个方法，通过实例化，可以很容易地调用相关方法。同时介绍了API文档和示例代码以供参考。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600559d981e8991b448d75ad