HTML ウィジェット、つまり他のページに含めることができる HTML コンテンツがあります。したがって、コンテンツがドメイン A からのもので、ドメイン B のページにドメイン A のウィジェットが含まれているとします。ドメイン B のページにクロスドメイン コンテンツを含めるには 2 つの方法があります。
注: ウィジェットには、データの視覚化など、いくつかの図が表示されます。
バリアント 1:
iFrame の使用。
<iframe src="domain_A_url_to_widget" width="200" height="400" name="foreignWidget">
<p>no Browser support</p>
</iframe>
バリアント 2:
非同期で JavaScript を使用する。
<script type="text/javascript">
(function(d){
var f = d.getElementsByTagName('SCRIPT')[0],
p = d.createElement('SCRIPT');
p.type = 'text/javascript';
p.async = true;
p.src = '//domainA.com/js/widget.js';
f.parentNode.insertBefore(p, f);
})(document);
</script>
1. 両方のバリアントの長所と短所は何ですか?
2. バリアント 2 で JQuery と CSS を使用する可能性はありますか?
3. ウィジェットが ajax を使用してコンテンツをロードする場合、ユーザーは両方のバリアント イベントでウィジェットを操作できますか?