【Javascript】URLのページにジャンプ (location.href)

Javascript

2017.02.04

この記事では、Javascriptで指定したURLにジャンプする方法について紹介します。

## location.href

Javascriptではlocation.hrefで指定したURLにジャンプすることができます。

記述例	説明
location.href = ‘URL’;	指定したURLのページにジャンプ

## ソースコード

サンプルプログラムのソースコードです。

HTML側

index.html

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Test</title>
<!--外部ファイルに記述-->
<pre type="text/javapre" src="main.js"></pre>
</head>
<body>
<!-- ボタンを押すとmain関数を実行 -->
<input type="button" value="実行ボタン" onclick="main();"/>
</body>
</html>

Javascript側

main.js

function main()
{
    var flag = confirm('吹雪「司令官、鎮守府に向かいますか？」');
          // OKが押されたら
    if (flag == true)
    {
        location.href = "http://www.dmm.com/netgame/feature/kancolle.html";
    }
}

## 実行結果

サンプルプログラムの実行結果は下記の通りです。
「実行ボタン」を押すと確認画面が表示されます。
「OK」を押せば艦これのトップページに移動します。