ラベル JavaScript の投稿を表示しています。 すべての投稿を表示
ラベル JavaScript の投稿を表示しています。 すべての投稿を表示

iframe を作成

<HTML>
<HEAD>
<META http-equiv="Content-type" content="text/html; charset=utf-8">
<TITLE>JavaScript でフレーム操作</TITLE>
<SCRIPT language="javascript" type="text/javascript">
function doAction() {
 var base = document.getElementById("id001");

 // IFRAME 作成
 var obj = document.createElement("iframe");

 // IFRAME の内容をセット
 obj.src = "http://www.google.co.jp/"

 // IFRAME を実装
 base.appendChild(obj);
}
window.onload = doAction;
</SCRIPT>
</HEAD>
<BODY>
<DIV id="id001"></div>
</BODY>
</HTML>

ページが読み込まれた時に実行

<script type="text/javascript">
<!--
function func() {
 処理内容を記入
}
window.onload = func;
// -->
</script>

要素を作る

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>
<META http-equiv="Content-Type" content="text/html; charset=UTF-8">
<META http-equiv="Content-Style-Type" content="text/css">
<script type="text/javascript">
<!--
function func() {
    var ement = document.getElementById("id001");
  var ementP = document.createElement('p');
    ementP.innerHTML= '123';
    ement.appendChild(ementP);
}
window.onload = func;
// -->
</script>
<BODY>
<div id="id001"></div>
</BODY>
</HTML>

id属性名で要素を参照

var ement = document.getElementById("id001");

記述方法

JavaScript は、 の間に記述します。
<script type="text/javascript">
<!--
window.alert("これはアラート");
// -->
</script>