Question

因此我需要能够在页面上打开iframe作为图层，但是由于这是其他网站的插件，因此无法加载框架，因为它存在冲突的重量和可能性。

这里的目标是尽可能轻松，同时避免交叉，因为使用它的网站可能涉及jquery / yui或其他脚本框架。页面是多部分的，所以一个简单的图层不会这样做，它必须是一个完整的iFrame，能够淡化底层窗口并关闭它，同时还浮动页面元素，下拉，甚至闪存。

Colorbox-min将是一个理想的解决方案，但依赖性会杀死它。

我对框架做得很好，但我自己是JS新手。在一个充满现成脚本的世界里，谷歌没有太多帮助......有关从哪里开始的任何建议？

Answer 1

如果我理解正确，您正在尝试创建iframe并将其插入到您的页面而不使用任何框架，所以这里是：

var frame = document.createElement('iframe');
frame.src= "http://www.google.com";
frame.width = "200";
frame.height = "200";
frame.style.position = "absolute";
frame.style.top = "30px";
frame.style.left = "30px";
frame.style.border = "solid 1px red";
document.getElementById("IdOfContainer").appendChild(frame);

现在，仅仅为了讨论，使用jquery或yui或其他一些优质库通常与其他脚本冲突没有任何问题，他们非常谨慎地保护自己免受其他脚本的攻击而不污染其他脚本命名空间。

Here's a working sample of plain javascript and other using jquery

在没有AJAX框架的情况下启动浮动窗口/ iframe

1 个答案: