framesプロパティ
framesプロパティは配列を返します。
書式 | frames[index番号] | |
---|---|---|
対応 | ||
値 | フレーム配列 |
使用例 | フレーム配列でフレームを指定して表示するページを変更する。 |
---|
//-------親フレーム: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 | 現在のフレーム自身 |