Question

我在网站上加载页面时使用外部javascript填充弹出窗口。如下所示。

<script type='text/javascript' src='https://www.website.com/some_website_javasciprt_filt'></script>

上面的javascript不仅可以创建弹出窗口，还可以创建隐藏的iframe。

 pgmr_ifrm = document.createElement('iframe');
pgmr_ifrm.id = 'pg_merchrev_track';
pgmr_ifrm.style.position = 'absolute';
pgmr_ifrm.style.left = '1px';
pgmr_ifrm.style.visibility = 'hidden';
pgmr_ifrm.src='https://d2iz0h6pqiasve.cloudfront.net/images/spacer.gif';
body.insertBefore(pgmr_ifrm,bodyfirstchild);

问题是即使我关闭弹出窗口并阻止我的菜单按钮，iframe也会停留在网页上。

是否可以在页面加载后设置iframe的位置，以便它不会阻止我的按钮？

谢谢。

Answer 1

尝试

$(document).ready(function() {
    pgmr_ifrm = document.createElement('iframe');
    pgmr_ifrm.id = 'pg_merchrev_track';
    pgmr_ifrm.style.position = 'absolute';
    pgmr_ifrm.style.left = '1px';
    pgmr_ifrm.style.visibility = 'hidden';
    pgmr_ifrm.src='https://d2iz0h6pqiasve.cloudfront.net/images/spacer.gif';
    body.insertBefore(pgmr_ifrm,bodyfirstchild);
});

这将在页面加载后执行所有代码。

Answer 2

实际上，我发现了更简单的方法。我只需在javascript中设置z-index，而不是处理CSS。问题解决了。

如何设置外部javascript创建的iframe的位置？

2 个答案: