※ ChatGPTを利用し、要約された質問です(原文:JavaScriptで、タグを書き出す方法)
JavaScriptでタグを書き出す方法
このQ&Aのポイント
JavaScriptを使って、外部ファイルに書かれたメニューを表示する方法について教えてください。
スタイルシートを使用して指定した領域内に目次を表示するJavaScriptの方法を教えてください。
外部ファイルのJavaScriptを呼び出すタグの記述方法について教えてください。
フレ-ムを使わずにスタイルシ-トでメニュ-を表示する領域を指定して、その領域内にメニュ-(目次)を表示したいのですが、一度で全てを書きかえられるようにJavaScriptを外部ファイルにしてメニュ-が表示出来るようにしたいと思います。
スタイルシ-トの部分では
*{
font-size:12px;
line-height;125%;
}
#menu{
padding-top:12px;
padding-left:12px;
position:absolute;
top:110px;
width:150px;
background-color:#cc99cc
}
em{
font-style:normal;
font-weight:400
}
#ind1{
padding-left:12px
}
で、メニュ-を表示する領域等を決めています。
<body>~</body>の間では、
<div id="menu">
<script Language="JavaScript">
<!--
function exMenu(tName)
{
tMenu = document.all[tName].style;
if (tMenu.display == 'none') tMenu.display = "block"; else tMenu.display = "none";
}
// -->
</script>
<a href="javaScript:exMenu('treeMenu1')">1</a><br>
<div id="treeMenu1" style="display:none">
<a href="javaScript:exMenu('treeMenu2')"><em id="ind1">1-1</em></a><br>
<div id="treeMenu2" style="display:none">
<a href="1-1-1.html"><em id="ind1">1-1-1</em></a><br>
<a href="1-1-2.html"><em id="ind1">1-1-2</em></a><br>
</div>
</div>
でメニュ-を表示するようにしています。
この<body>~</body>の間の部分を、
<div id="menu">
外部ファイルのJavaScriptを呼び出すタグ
</div>
というようにして、外部ファイルのJavaScriptのみを書きかえるだけで全てのペ-ジのメニュ-が変えられるようにしたいと思います。
この場合の、
1:勝手に書いてくれる外部ファイルにするJavaScriptの記述のしかた
2.1を呼び出すタグの記述
を教えて下さい。
お礼
ありがとうございました