JAvascriptはフレームセットでオブジェクトを参照する方法

13761 ワード

一、javascriptがフレームセットでオブジェクトを参照する方法
window
現在のフレーム
top
最上位のフレームワークは、ブラウザフォームです.
parent
現在のフレームを含む親フレーム
self
現在のフレームワークは、常にwindowオブジェクトに等しい
二、例
ホームページコード:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html>

    <head>

<title></title>    

<frameset rows="64,*" name="" frameborder="NO" border="0" framespacing="0">

    <frame src="top.htm" noresize="noresize" frameborder="1" name="FrameTop" scrolling="no" marginwidth="0" marginheight="0" target="" />

      <frameset cols="200,*" id="frame">

        <frame src="left.htm" name="FrameLeft" id="FrameLeft" noresize="noresize" marginwidth="0" marginheight="0" frameborder="1" 
      scrolling
="no" target="" /> <frame src="right.htm" name="FrameMain" marginwidth="0" marginheight="0" frameborder="1" scrolling="auto" target="_self" /> </frameset> </frameset> </head> <noframes> <body></body> </noframes> </html>

左のコード:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

    <title></title>

</head>

<body>

<input type="button" value="             " onclick="javascript:void(window.location='right.htm')"/>

<input type="button" value="             " onclick="javascript:void(window.location='http://www.baidu.com')"/>

</body>

</html>

右側のコード:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

    <title></title>

    <script src="Scripts/jquery-1.4.1.js" type="text/javascript"></script>

    <script type="text/javascript">

    </script>

</head>

<body>

<input type="button" id="btnLeft" value="           " onclick="javascript:top.location='http://www.baidu.com'" />

<input type="button" id="Button1" value="           " onclick="javascript:top.location='right.htm'" />

</body>

</html>

先端コード:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

    <title></title>

</head>

<body>

    <input type="button" value="    " onclick="javascript:top.close();"/>

     <input type="button" value="       " onclick="javascript:window.close();"/>

</body>

</html>

default.htmページ様式javascript如何在框架集中引用对象
ソースコード