window.nameプロパティ

投稿日: 2013年7月4日作成者: alphasis

window.nameは、ウィンドウの名前を取得または設定するプロパティ。

構文

<script type="text/javascript">
window.name;
</script>

取得

<script type="text/javascript">
sampleVar = window.name;
</script>

ウィンドウの名前を取得し、変数「sampleVar」に代入。

設定

<script type="text/javascript">
window.name = "sampleName";
</script>

ウィンドウの名前を「sampleName」に設定。

サンプル

window.name:

サンプルの動作について

「新たにウィンドウを開く」ボタンをクリックすると、新たなウィンドウを開き、「$sampleWindow.name: 」の右横に「サンプルウィンドウの名前」と表示する。

サンプルのソースコード

JavaScript

<script type="text/javascript">
var $sampleWindow;
function openSampleWindow() {
$sampleWindow = window.open( 'http://alphasis.info/wp-content/uploads/2013/07/javascript-windowObject-open-url.html' );
$sampleWindow.name = "サンプルウィンドウの名前";
document . getElementById( "sampleWindow-name" ) . innerHTML = $sampleWindow.name;
}
</script>

HTML

<div class="sample">
<button onclick="openSampleWindow()">新たにウィンドウを開く</button>
<br /><br />
window.name: <span id="sampleWindow-name"></span>
</div>

CSS

<style type="text/css">
.sample button {
font-size: 16px;
}
</style>

カテゴリー: JavaScript, Windowオブジェクト, ブラウザオブジェクト, プロパティ, リファレンス, 開閉パーマリンク