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

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