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

この記事では、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>
<!--外部ファイルに記述-->
<script type="text/javascript" src="main.js"></script>
</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」を押せば艦これのトップページに移動します。

関連記事
1 Javascript入門 基本文法
関連記事