JavaScript和CSS弹出窗口

Question

我有一个关于基于CSS的弹出窗口的问题，就像jQuery用户界面的对话系统，或彩盒生成的。如果我使用这些（或类似的东西他们）打开一个弹出窗口的HTML页面，该页面已启用JavaScript在里面，做的JavaScript在自己的上下文弹出的窗口中运行，或者它成为背景的一部分JavaScript中的父窗口打开它？我问，这样我可以写两个页面上的JavaScript（父母弹出），所以没有命名空间冲突。

提前感谢！ 道格

Answer 1

这取决于弹出的类型。 （我假设大家都在谈论，页面弹出窗口这里，而不是window.open()那些打开一个新的浏览器窗口。）

如果它包含在其中加载一个单独的页面的IFRAME，则该页面将拥有自己的风格。你将不得不重新加载任何CSS和JavaScript文件，你需要的。

如果它不包含在其中的内容物通过AJAX加载的IFRAME，但只是一个普通的DIV或其他元件（或在“父” HTML页面直接输出），则弹出将在父的上下文中运行页。

Answer 2

如果你使用真正的弹出窗口（新视窗）它是definitly于自己的环境。

如果您在HTML单纯使用模态窗口它依赖。它可以是一个iframe（自己的上下文）或注入元件（父上下文）。

Answer 3

使用彩盒，可以设置的IFRAME属性为true，它会加载的iframe中的内容。这使页面自身的范围。如果不使用iframe，那么页面将在当前文档的上下文中加载。

$('a.someLink').colorbox({ href:"somePage.html", iframe: true });