parentプロパティ
frameオブジェクトのparentプロパティは現在のフレームの親フレームを返します。
| 書式 | frames.parent | |
|---|---|---|
| 対応 |      | |
| 値 | 現在のフレームの親フレーム | |
| 使用例 | 親フレームの複数のフレームを同時に変更する。 |
|---|
//-------親フレーム：index.html
<html>
<head>
<title>JavaScript frame parent</title>
</head>
<frameset cols="150,*">
<frame src="menu.html" name="menu">
<frameset rows="20%,80%">
<frame src="title1.html" name="title">
<frame src="page1.html" name="page">
</frameset>
</frameset>
</html>
//-------メニュー：menu.html
<html>
<head>
<title>menu</title>
<script type="text/javascript">
function changeTP(title,page){
parent.title.location.href = title;
parent.page.location.href = page;
}
</script>
</head>
<body>
<h1>メニュー</h1>
<form>
複数のフレームを同時に変更する
<input type="button" value="変更1"
onClick="changeTP('title1.html','page1.html')">
<input type="button" value="変更2"
onClick="changeTP('title2.html','page2.html')">
</form>
</body>
</html>
//-------タイトル：title1.html
<html>
<head>
<title>title1</title>
</head>
<body>
<h1>タイトル１</h1>
</body>
</html>
//-------ページ：page1.html
<html>
<head>
<title>page1</title>
</head>
<body>
<h1>ページ１</h1>
</body>
</html>
//-------タイトル：title2.html
<html>
<head>
<title>title2</title>
</head>
<body>
<h1>タイトル２</h1>
</body>
</html>
//-------ページ：page2.html
<html>
<head>
<title>page2</title>
</head>
<body>
<h1>ページ２</h1>
</body>
</html>
| 関連メンバ | 値 |
|---|---|
| frames | フレーム配列 |
| name | フレーム名 |
| length | フレームの数 |
| self | 現在のフレーム自身 |