指定したURLにページ遷移する / 指定したURLを開く

JavaScriptで指定したURLにページ遷移するコードを紹介します。

概要

JavaScriptでページ遷移する場合は、document.localtion.href に遷移先のURLを代入します。

プログラム例

コード

下記のHTMLファイルを記述します。

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
  <script type="text/javascript">
    function frameClick() {
      document.location.href = "http://www.ipentec.com";
    }
  </script>
  <style type="text/css">
  <!--
    .frame {
      width: 160px;
      height: 48px;
      line-height: 48px;
      border:solid 1px #0094ff;
      background-color:#E0E0E0;
    }
  -->
  </style>

</head>
<body>
  <div class="frame" onclick="frameClick();">ページ遷移します。</div>
</body>
</html>

解説

[ページを遷移します]のDIV枠がクリックされると、JavaScriptにより、frameClick()関数が実行されます。
frameClick()関数では、document.location.href に遷移先のURL"http://www.ipentec.com"を代入し、ページ遷移を実行します。