Как перенаправлять ссылки внутри iframe, когда пользователь нажимает «открыть в новой вкладке»?

Я работаю над веб-приложением, которое позволяет пользователю использовать кучу сервисов (Spark и т. д.). Когда пользователи решают запустить службу, скажем, Spark, приложение откроет новую вкладку, на которой будет моя страница (service.html), содержащая некоторую информацию о пользователе, а затем iframe, например:

 <table width = "100%" style = "padding: 0px;">
            <tr>
                <td align = "right" style = "padding: 0px;">
                    <i class = "fa fa-wifi" style = "color:gray;"> {{ some stuff}}</i>
                </td>
            </tr>
  </table>
  <iframe id = "serviceIframe" width = "100%" height = "100%" frameborder = "0" src = "http://localhost:{{port}}/{{page}}" target = "_self"/>

Все работает нормально, но моя проблема в том, что если пользователь нажимает «открыть в новой вкладке» на любой из ссылок в iframe, он переходит к http: // localhost: {{port}} / {{page}}, а не к обслуживанию html , и контент, который я хочу показать вместе с сервисом, будет утерян.

Что я могу сделать так, чтобы когда пользователь нажимал «открыть в новой вкладке» на ссылке внутри iframe, он перенаправлял на мою страницу service.html, а не на http: // localhost: {{port}} / {{page}}?

Спасибо и извините, если мне что-то непонятно.

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
0
53
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Используйте <a href = "..." target = "_top">My Link</a> в ссылках на фреймы

Я думаю, что междоменная политика не позволяет мне изменять содержимое iframe. Есть ли другое решение?

TheLegionnaire 07.01.2019 11:10

Вы не можете изменить содержимое iframe с помощью javascript правильно. Невозможно напрямую изменить код ресурса iframe

aseferov 07.01.2019 11:21

Благодарю за ваш ответ!

TheLegionnaire 07.01.2019 16:19

Другие вопросы по теме