Вставить виджет: JavaScript генерирует iframe - PullRequest
0 голосов
/ 23 февраля 2019

Мне нужно разработать виджет для встраивания моего контента в сторонние HTML.

Я искал несколько страниц на эту тему и понял плюсы и минусы использования iframe и javascript, но все еще оставался одним вопросом.

Я имею в виду:
использование iframe дает сторонним пользователям тег iframe, например, <iframe src="https://sample.com/widget.html</iframe>
использование javascript дает сторонним пользователям тег script, например, <script src="https://sample.com/widget.js</script>

AСтраница объясняет, как использовать Js, но их код Js просто генерирует iframe, вставляет его в родительский узел и устанавливает содержимое в iframe.Например,

var iframe = document.createElement('iframe');  
iframe.src = 'https://sample.com/widget.html
// insert iframe into parent node
// or set content into document
var doc = iframe.contentWindow.document;
doc.open();
doc.write('content');
doc.close();

Мой вопрос заключается в том, как отличия между использованием только iframe и использованием iframe, которые генерирует и вставляет Js?

Насколько я понимаю, iframe через Js лучше, если я хочу изменить поведение iframe/внешний вид.Но это почти то же самое поведение, если код Js просто вставляет iframe.Это правильно?

Ответы [ 2 ]

0 голосов
/ 04 июня 2019

Вы исследовали Зоид ?Это шаблон, который поможет вам разработать встраиваемый скрипт виджета с безопасностью в качестве его основной функции.Проверьте это статья

0 голосов
/ 05 апреля 2019

Вставка iframe напрямую в виде кода встраивания аналогична вставке кода js для загрузки и рендеринга iframe.Нет никакой разницы.Но есть различия, когда мы используем наш тег embrame как iframe по сравнению с тем, когда мы используем тег script.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...