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

您可以遍历具有特定类的所有元素，例如＆＃39; popup＆＃39;并逐个添加弹出功能：

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

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

JSFiddle

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

1 个答案: