次のように、サードパーティのサイトからスクリプトを実行するログイン ページがあります。
<span id="siteseal">
<script src="https://seal.starfieldtech.com/getSeal?sealID=myspecialid"></script>
</span>
すべてがハンキードーリーです。いくつかの JavaScript を実行し、最終的に画像を表示します。
私は最近それを別のファイルに移動し、元のページに含めています
$('#mydivid').load('/mypath/footer.html');
フッター全体が表示され、chrome 開発者ツールでは starfieldtech に対してリクエストが行われ、javascript レスポンスが返されることを確認できますが、画像は表示されません。
getSeal スクリプトは非常に単純で、次のようになります。
<!--
doSomething();
function doSomething() {
// setup a bunch of vars
document.write('<img src="blah" onclick="doStuffOnClick();"/>');
}
function doStuffOnClick() {
// do other stuff on click.
}
// -->
上記に非常によく似た独自のスクリプトを作成すると、ページ全体がスクリプトの出力に置き換えられ、意図したスターフィールドの画像も表示されます。
私には何が問題なのか見当がつかないので、達人が私が見逃している何かばかげたことを指摘してくれることを願っています。