JAvascriptはフレームセットでオブジェクトを参照する方法
13761 ワード
一、javascriptがフレームセットでオブジェクトを参照する方法
window
現在のフレーム
top
最上位のフレームワークは、ブラウザフォームです.
parent
現在のフレームを含む親フレーム
self
現在のフレームワークは、常にwindowオブジェクトに等しい
二、例
ホームページコード:
左のコード:
右側のコード:
先端コード:
default.htmページ様式
ソースコード
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ページ様式
ソースコード