iframe内でのjquery読み込み方法

前提・実現したいこと

javascriptによりiframeを埋め込んだあとに、
iframeの中でjqueryを実行したいのですが、いくら試しても動作しません。
どのような記述によって、動作しますでしょうか…。

該当のソースコード

(function() {
   'use strict';
var iframe = document.createElement('iframe');
   iframe.scrolling = 'no';
   iframe.frameBorder = 0;
   iframe.marginWidth = 0;
   iframe.marginHeight = 0;

var widget = "<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>"

var doc = iframe.contentWindow.document;
doc.open();
doc.write(widget);
doc.close();
})();

すみませんが、アドバイスをお願いいたします。

m.ts10806

2020/03/24 03:09

そもそも構文エラーが発生してませんか？エラー確認してご提示ください

m.ts10806

2020/03/24 03:10

ただ、そこを直しても、記述を埋め込んだだけで動くものではないと思いますけど…

行動規範の内容に同意します

回答2件

ベストアンサー

iframe で HTML を記述したい場合は srcdoc を使います。

JavaScript
1  var widget = '<\script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>';
2
3  // (中略)
4
5  iframe.srcdoc = widget;