javascript - 如何使用嵌入式 javascript 在第 3 方网站上创建弹出窗口？

Question

我正在创建一个弹出脚本，允许用户在他们的网站上显示一个弹出窗口(类似于 SumoMe 或 OptinMonster)。

我缺少的是如何让弹出窗口在外部网站上工作？

目前我知道如何在我自己的网站上实现它，但它需要几行代码，即我需要一个包含我的弹出代码的 DIV(请看下面的 div id = popup)。然后我使用 Jquery 实际打开弹出窗口。

您可以在此处查看我正在尝试执行的操作的示例:http://vyper.io/7-ecommerce-growth-hacks/

(点击黄色按钮查看)。

我正在尝试提出一种与其他公司的做法类似的方法，该方法适用于一个嵌入式 javascript。所以基本上页面会包含一个

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

然后链接到像

这样的弹出窗口

<a href="" class="popup>Click here to open the popup!</a>

我希望我说的很清楚。我应该如何处理这个问题，我应该关注什么？

Answer 1

您可以遍历所有具有特定类的元素，例如“popup”，然后将弹出功能一一添加到这些元素中:

var popups = document.getElementsByClassName('popup');

for (var i = 0; i < popups.length; i++) {
    popups[i].addEventListener('click', function() {
        // Add functionality here
    });
}

JSFiddle