window.nameプロパティ

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オブジェクト, ブラウザオブジェクト, プロパティ, リファレンス, 開閉 パーマリンク