简介
donejs-survey-ad 是一个基于 DoneJS 开发的轮流展示多个广告图片、链接的调查问卷组件，支持通过问卷收集用户反馈信息。使用该组件可以方便快捷地创建一个广告调查问卷，提高网站的活跃度和用户参与度。
安装
使用 npm 安装 donejs-survey-ad:
npm install --save donejs-survey-ad
引入
在 HTML 文件中引入 donejs-survey-ad 组件：
<!-- 引入 donejs-survey-ad.css --> <link href="node_modules/donejs-survey-ad/dist/donejs-survey-ad.css" rel="stylesheet" /> <!-- 引入 donejs-survey-ad.js --> <script src="node_modules/donejs-survey-ad/dist/donejs-survey-ad.min.js"></script>
使用
在 HTML 文件中创建调查问卷组件：
-- -------------------- ---- -------
-----------------
---------------------
------------------------------------------
-
----------
-------------------------
-----------------------------------
------------- --
-------------- --
-------------
----------
-------------------------
-----------------------------------
------------- --
-------------- --
-------------
----------
-------------------------
-----------------------------------
------------- --
-------------- --
-------------
-------------------参数
donejs-survey-ad 组件支持如下参数:
survey-title{String} - 调查问卷标题，必填项。survey-desc{String} - 调查问卷描述，必填项。btn-text{String} - 提交按钮文本，默认为："提交"。data-url{String} - 调查问卷提交地址，可以是相对路径或绝对路径，默认为当前页面地址。data-method{String} - 调查问卷提交方法，可以是 "POST" 或 "GET"，默认为 "GET"。
每个 survey-ad 组件支持如下参数：
img-src{String} - 图片链接，必填项。img-link{String} - 点击图片跳转链接，必填项。img-alt{String} - 图片替换文本，必填项。img-desc{String} - 图片描述内容。
事件
donejs-survey-ad 组件支持如下事件：
before-submit- 在提交调查问卷前触发。after-submit- 在提交调查问卷后触发。
示例
-- -------------------- ---- -------
-----------------
---------------------
------------------------------------------
---------------
----------------------
------------------
--------------------------------
------------------------------
-
----------
-----------------------------------------
-----------------------------------
------------- --
-------------- --
-------------
----------
-----------------------------------------
-----------------------------------
------------- --
-------------- --
-------------
----------
-----------------------------------------
-----------------------------------
------------- --
-------------- --
-------------
-------------------
--------
-------- ---------------- -
-- ---------------
-
-------- -------------------- -
----------------------------------
-- --------------
-
---------结语
donejs-survey-ad 组件使用简单，实现了一个方便的广告调查问卷组件。有了它，可以方便地创建调查问卷，收集用户反馈，提高网站活跃度和用户参与度。欢迎使用并提供反馈！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600572d481e8991b448e909a