iframeで別サーバーのページを読み込んで表示する

HTMLのiframeを使い別サーバーにあるJavaScriptコードを含んだページを読み込んでフレーム内にテキストを表示するコードです。

iframe.html

ブラウザでアクセスして表示する側のページです。

<body>
<iframe src='http://example.com/iframe_test.html' width="300px" height="50px"></iframe>
</body>

iframe_test.html(別サーバー)

別サーバーにあるページでiframeによって読み込まれるページで、DOMを使いid=testにテキストを表示します。

<div id="test"></div>
<script type="text/javascript">
document.getElementById("test").innerText = 'HELLO';
</script>

また、jQeuryを使用して上のコードを同じようにテキストを表示するコードです。

<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script type="text/javascript">
$(function() {
	$('#test').text('hello');
});
</script>
<div id="test"></div>

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です