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

Question

因此，我需要能够将 iframe 作为页面上的层打开，但考虑到权重和潜在的冲突，我无法加载框架，因为这是其他网站的插件。

这里的目标是尽可能轻，同时避免交叉，因为使用它的网站可能涉及 jquery / yui 或其他脚本框架。页面是多部分的，所以一个简单的层是行不通的，它必须是一个成熟的 iFrame，能够淡化底层窗口并将其关闭，同时还可以漂浮在页面元素、下拉菜单甚至 Flash 上。

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

我在框架方面做得很好，但我自己是一个 JS 新手。在一个充满现成脚本的世界里，Google 帮不上什么忙……有什么建议可以从哪里开始吗？

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