JavaScript入門講座

Home > frameオブジェクト > framesプロパティ

framesプロパティ

framesプロパティは配列を返します。

書式frames[index番号]
対応Internet ExplorerFireFoxChromeSafariOpera
フレーム配列
使用例フレーム配列でフレームを指定して表示するページを変更する。

//-------親フレーム:index.html
<html>
<head>
<title>JavaScript frame frames</title>
</head>
<frameset cols="150,*">
	<frame src="menu.html" name="menu">
		<frameset rows="20%,80%">
		<frame src="title.html" name="title">
		<frame src="page1.html" name="page">
	</frameset>
</frameset>
</html>

//-------メニュー:menu.html

<html>
<head>
<title>menu</title>
<script type="text/javascript">
    function changePage(i){
        parent.frames[2].location.href="page" + i + ".html"
    }
</script>
</head>
<body>
<h1>メニュー</h1>
<form>
<input type="button" value="ページ1へ" onClick="changePage(1)">
<input type="button" value="ページ2へ" onClick="changePage(2)">
<input type="button" value="ページ2へ" onClick="changePage(3)">
</form>
</body>
</html>

//-------タイトル:title.html
<html>
<head>
<title>title</title>
</head>
<body>
<h1>タイトル</h1>
</body>
</html>

//-------ページ:page1.html
<html>
<head>
<title>page1</title>
</head>
<body>
<h1>ページ1</h1>
</body>
</html>

//-------ページ:page2.html
<html>
<head>
<title>page2</title>
</head>
<body>
<h1>ページ2</h1>
</body>
</html>

//-------ページ:page3.html
<html>
<head>
<title>page3</title>
</head>
<body>
<h1>ページ3</h1>
</body>
</html>
						
関連メンバ
nameフレーム名
lengthフレームの数
parent現在のフレームの親フレーム
self現在のフレーム自身