Как я могу управлять страницей через javascript внутри iframe этой страницы?

Question

У меня есть iframe с кодом Js для запуска, и я не хочу управлять параметрами DOM iframe и стилем CSS.
Как мне это сделать? Если вы не хотите использовать jQuery, это нормально, но я предпочитаю чистый javascript ...

Вещи, которые я хочу изменить:
- frameborder
- CSS стили (плавание, отображение, положение, переполнение)
- нет полосы прокрутки

РЕДАКТИРОВАТЬ : код запуска внутри фрейма

Спасибо

Answer 1

Я предполагаю из ваших предыдущих вопросов, что документ внутри iframe - , а не в том же домене, что и предыдущая страница.

В этом случае ваши возможности крайне ограничены, опять же из-за Политика одинакового происхождения . У вас не будет доступа Javascript к элементам или CSS удаленной страницы. Это включает в себя элемент <iframe> на этой странице.

Любые дизайнерские решения, которые вы, следовательно, должны будете вставить в тег iframe:

<iframe frameborder="0" style="float: left; width: 500px; height: 200px ....">

Я думаю, что это применимо ко всему, что вы упоминаете, кроме поведения полосы прокрутки: вы можете управлять внутри документа iframe, используя свойство overflow элемента body.

Единственная альтернативная идея, которая приходит на ум, - это чтобы сайты, встраивающие ваш iframe, также включали таблицу стилей, которая поступает из вашего домена в раздел head документа. Этот CSS вы бы, конечно, полностью контролировали.

Если вы ограничите правила разработки в этом CSS для своего iframe (например, с помощью селектора #id), это также будет работать. Недостатком является то, что если в таблицу стилей включается , а не , ваш iframe сломается. Вот почему большинство поставщиков виджетов используют встроенный CSS.