Javascript и CSS всплывающие окна

Question

У меня есть вопрос о всплывающих окнах на основе CSS, например, сгенерированных диалоговой системой пользовательского интерфейса jQuery или Colorbox. Если я использую их (или что-то подобное), чтобы открыть всплывающее окно для HTML-страницы, и на этой странице есть Javascript, запускается ли Javascript во всплывающем окне в своем собственном контексте или он становится частью контекста Javascript в родительском окне, которое его открыло? Я прошу, чтобы я мог написать Javascript на обеих страницах (родительский и всплывающий), чтобы не было конфликтов пространства имен.

Заранее спасибо! Дуг

Answer 1

Если вы используете реальные всплывающие окна (новые окна), это определенно в своем собственном контексте.

Если вы используете модальные окна исключительно в HTML, это зависит. Это может быть iframe (собственный контекст) или внедренные элементы (родительский контекст).

Answer 2

С Colorbox вы можете установить для свойства iframe значение true, и оно будет загружать содержимое в iframe.Это дает странице свою собственную область.Если вы не используете iframe, страница будет загружена в контексте текущего документа.

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

Answer 3

Это зависит от типа всплывающего окна.(Я предполагаю, что здесь речь идет о всплывающих окнах внутри страницы, а не о window.open(), которые открывают новое окно браузера.)

Если оно содержит IFRAME, в котором вы загружаете отдельную страницу, то эта страницабудет иметь свои собственные стили.Вам нужно будет повторно загрузить любые файлы CSS и JavaScript, которые вам нужны.

Если он не содержит IFRAME, а представляет собой обычный DIV или другой элемент, в который содержимое загружается через AJAX (или напрямую выводится в«родительская» HTML-страница), тогда всплывающее окно будет запускаться в контексте родительской страницы.