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

因此，我需要能够打开一个iframe作为页面上的一个层，但不能加载一个框架，因为这是一个附加到其他网站的权重和潜在的冲突

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

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

---

我在框架方面做得很好，但我自己是一个JS新手。在一个充斥着现成脚本的世界里，谷歌帮不了什么忙。。。关于从何处开始有什么建议吗？

如果我理解正确，您正在尝试创建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或其他高质量的库通常不会与其他脚本发生冲突，它们会非常小心地保护自己不受其他脚本的影响，并且不会污染其他脚本名称空间

---

如果我理解正确，您正在尝试创建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或其他高质量的库通常不会与其他脚本发生冲突，它们会非常小心地保护自己不受其他脚本的影响，并且不会污染其他脚本名称空间

---

也许你可以确切地说明你想做什么，从描述中可以看出你想做一个对话框插件？你说的多部分页面或“简单层”是什么意思？当然！我希望打开现有窗口的iFrame ontop，将外部文档加载到其中。这些窗口似乎是同一页面的一部分，如果该页面关闭，这些窗口将关闭。这通常是通过Colorbox之类的插件完成的，但这些窗口需要jquery或yui之类的框架，除了相当大的尺寸之外，也有可能与其他使用框架的脚本发生冲突，所以我正在寻找直接打开窗口的指导，后面没有主要系统。也许你可以从描述中明确你想做什么，看起来你想做一个对话框插件？你说的多部分页面或“简单层”是什么意思？当然！我希望打开现有窗口的iFrame ontop，将外部文档加载到其中。这些窗口似乎是同一页面的一部分，如果该页面关闭，这些窗口将关闭。这通常是通过Colorbox之类的插件完成的，但这些窗口需要jquery或yui之类的框架，除了相当大的尺寸之外，也有可能与其他使用框架的脚本冲突，因此我正在寻找直接打开窗口的指导，后面没有主要系统。这对我来说很有效，除了（1）由于框架的位置是绝对的，你可以将其附加到任何元素，所以我只选择了按钮而不是“IdOfContainer”。（2） 我可以看穿浮动的iframe，我用，$（frame.css（'background-color'，'#ffffffff'）；去掉了它；。（别忘了，它是200x200像素，所以在你向下滚动之前它不会在google.com上显示任何东西！）这对我来说很有效，除了（1）因为帧的位置是绝对的，你可以将它附加到任何元素，所以我只选择了按钮而不是“IdOfContainer”。（2） 我可以看穿浮动的iframe，我用，$（frame.css（'background-color'，'#ffffffff'）；去掉了它；。（别忘了，它是200x200像素，所以在你向下滚动之前，它不会在google.com上显示任何内容！）