0

私はJavaScriptが初めてで、3つのネストされたフレームを持つWebページがあります（上部のフレームと下部のフレームが2つに分割されています）。上部のフレームのタイトルはHead、左下のフレームのタイトルはLeftFrame、最後のフレームは1 つは RightFrame というタイトルです。さて、LeftFrame はナビゲーション バーで、LeftFrame のリンクをクリックすると、Head の背景色が変わるようにしたいと考えています。これは、メイン Web ページのコードです。

<HTML>
<HEAD>
<TITLE>Webcomics Review</TITLE>
</HEAD>

<FRAMESET BORDER=0 ROWS="12%,*">
<FRAME NAME"Head" NORESIZE SRC="Head.html">

<FRAMESET BORDER=0 COLS="15%,*">
<FRAME NAME="LeftFrame" NORESIZE SRC="navigation.html">
<FRAME NAME="RightFrame" NORESIZE SRC="mainpage.html">
</FRAMESET>

</FRAMESET>
</HTML>

そして、これは、テストとしてこれまでに作業されているリンクが 1 つだけのナビゲーション バーのコードです。

<HTML>
<HEAD>
<TITLE>Webcomics Review</TITLE>
<SCRIPT>
function setColor1(number)
{
    if (number==1)
    {
        parent.Head.document.body.style.backgroundColor=#FF0000;
    }
    return;
}
</SCRIPT>
</HEAD>
<BODY>
<CENTER>
<FONT SIZE=3 FACE=Haettenschweiler>Webcomics:
<BR><BR>
<A HREF="xkcd.html" TARGET="RightFrame" STYLE="text-decoration: none" onClick="setColor1(1)">Xkcd</A>
<BR><BR>
<A HREF="qc.html" TARGET="RightFrame" STYLE="text-decoration: none">Questionable Content</A>
<BR><BR>
<A HREF="qwantz.html" TARGET="RightFrame" STYLE="text-decoration: none">Dinosaur Comics</A>
<BR><BR>
<A HREF="survivingtheworld.html" TARGET="RightFrame" STYLE="text-decoration: none">Surviving the World</A>
<BR><BR>
</CENTER>
</BODY>
</HTML>

ナビゲーションの「xkcd」リンク（テストに使用しているもの）をクリックしてもヘッドフレームは何も変わらないので、誰かが私が間違っていることを教えてもらえますか。

4

1 に答える 1

0

これを試して：

//MAIN FRAMES PAGE
<html>
<head>
<title>test</title>
<script type="text/javascript">
function setColor1(color)
{
    HEAD.document.body.style.backgroundColor=color;
    return;
}
window.setColor = function(a){setColor1(a);}
</script>
</head>
<FRAMESET BORDER=1 ROWS="12%,*">
<FRAME NAME="HEAD" NORESIZE SRC="frame_head.html" id="HEAD">
<FRAMESET BORDER=1 COLS="15%,*">
    <FRAME NAME="LeftFrame" NORESIZE SRC="frame_footer.html">
    <FRAME NAME="RightFrame" NORESIZE SRC="frame_body.html">
</FRAMESET>
</FRAMESET>
</html>
//END MAIN FRAMES PAGE
/**************************************************************************/
//BODY PAGE (RightFrame)
<html>
<head>
<title>test</title>
<script type="text/javascript">
function setColor(color)
{
    window.parent.setColor(color);
    return;
}
</script>
</head>
<body>
    <a href="#" onclick="setColor('#f00')">one</a>&nbsp;
    <a href="#" onclick="setColor('#0f0')">two</a>&nbsp;
    <a href="#" onclick="setColor('#00f')">three</a>&nbsp;
    <a href="#" onclick="setColor('#f0f')">four</a>&nbsp;
    <a href="#" onclick="setColor('#ff0')">five</a>&nbsp;
    <a href="#" onclick="setColor('#0ff')">six</a>&nbsp;
</body>
</html>
/**************************************************************************/
于 2011-01-10T04:35:46.847 に答える