Как отображать iframe с параметрами только через JavaScript - PullRequest
0 голосов
/ 28 мая 2011

Я наткнулся на этот ресурс, где файл .js извлекает iframe. Источник

Файл js:

window.document.write("<iframe src=\"somedomain.com/page.htm\"/>");

Однако я не уверен, как добавить такие атрибуты, как ширина / высота / прокрутка. Более того, я бы хотел добавить изображение и связать его в конце iframe

Ответы [ 4 ]

1 голос
/ 28 мая 2011

попробуйте использовать createElement, нативный метод

      var tempIFrame=document.createElement('iframe');
      tempIFrame.setAttribute('id','RSIFrame');
      tempIFrame.style.border='0px';
      tempIFrame.style.width='0px';
      tempIFrame.style.height='0px';
      IFrameObj = document.body.appendChild(tempIFrame);

      if (document.frames) {
        // this is for IE5 Mac, because it will only
        // allow access to the document object
        // of the IFrame if we access it through
        // the document.frames array
        IFrameObj = document.frames['RSIFrame'];
1 голос
/ 28 мая 2011

можете ли вы получить ссылку на фрейм как-то так: если это первый iframe на странице, вы бы использовали индекс [0]

функция removeScroll () { window.parent.frames [0] .scrolling = "нет"; }
1 голос
/ 28 мая 2011

Вы можете использовать тот же метод:

window.document.write("<iframe src=\"somedomain.com/page.htm\" width='300' height='900' ></iframe>");

Обратите внимание , что iframe не является самозакрывающимся тегом элемента, однако большинство браузеров будут отображаться правильно. Внутри тега вы можете ввести альтернативный контент, если браузер не поддерживает iframes

0 голосов
/ 28 мая 2011

Поскольку это началось с document.write, просто продолжите:

document.write("<iframe src=\"somedomain.com/page.htm\"/ width=200 scrolling='no'>");

Обратите внимание, что HTML в действительности не требует кавычек для атрибутов в некоторых случаях (см. width), но они могут быть добавлены так же, как и src. Также ' может использоваться вместо ", что упрощает экранирование (см. scrolling). Пожалуйста, будьте последовательны, приведенные выше примечания являются только информационными.

Удачного кодирования.

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