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

How to set location of iframe created by external javascript?

本文关键字:创建 javascript iframe 位置 外部 何设置 设置      更新时间:2023-09-26

当页面加载到我的网站时,我使用外部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的位置,使其不会阻挡我的按钮?

谢谢。

尝试

$(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);
});

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

实际上,我发现了更简单的方法。我没有处理javascript,而是简单地在CSS中设置z-index。问题解决了。