window.focus()は、ウィンドウにフォーカスを当てるメソッド。
構文
<script type="text/javascript">
window.focus();
</script>
window.focus();
</script>
サンプルＡ
サンプルＡの動作について
「新たにウィンドウを開く」ボタンをクリックすると、新たなウィンドウを開き、開いたウィンドウを前面に移動する。
サンプルＡのソースコード
JavaScript
<script type="text/javascript">
function sampleOpenWindow() {
sampleWindow = window.open( '', 'sample', 'width=300,height=300' );
sampleWindow.document.write( "<p>サンプルウィンドウ</p>" );
sampleWindow.focus();
}
</script>
function sampleOpenWindow() {
sampleWindow = window.open( '', 'sample', 'width=300,height=300' );
sampleWindow.document.write( "<p>サンプルウィンドウ</p>" );
sampleWindow.focus();
}
</script>
HTML
<div class="sample">
<button onclick="sampleOpenWindow()">新たにウィンドウを開く</button>
</div>
<button onclick="sampleOpenWindow()">新たにウィンドウを開く</button>
</div>
CSS
<style type="text/css">
.sample button {
font-size: 16px;
}
</style>
.sample button {
font-size: 16px;
}
</style>
サンプルＢ
サンプルＢの動作について
「新たにウィンドウを開く」ボタンをクリックすると、新たなウィンドウを開き、開いたウィンドウを前面に移動する。
サンプルＢのソースコード
JavaScript
<script type="text/javascript">
window.onload = initialize;
function initialize() {
document.getElementById( 'sampleOpenWindow' ).onclick = sampleOpenWindow;
}
function sampleOpenWindow() {
sampleWindow = window.open( '', 'sample', 'width=300,height=300' );
sampleWindow.document.write( "<p>サンプルウィンドウ</p>" );
sampleWindow.focus();
}
</script>
window.onload = initialize;
function initialize() {
document.getElementById( 'sampleOpenWindow' ).onclick = sampleOpenWindow;
}
function sampleOpenWindow() {
sampleWindow = window.open( '', 'sample', 'width=300,height=300' );
sampleWindow.document.write( "<p>サンプルウィンドウ</p>" );
sampleWindow.focus();
}
</script>
HTML
<div class="sample">
<button id="sampleOpenWindow">新たにウィンドウを開く</button>
</div>
<button id="sampleOpenWindow">新たにウィンドウを開く</button>
</div>
CSS
<style type="text/css">
.sample button {
font-size: 16px;
}
</style>
.sample button {
font-size: 16px;
}
</style>