2014-11-06

2014-11-06

LocationオブジェクトとHistoryオブジェクトAdd Star

 

 

WebページのURL情報(Location)

  • Locationオブジェクトは、WebページのURLを情報としてもつオブジェクトです
  • hrefプロパティの値を変更することで、別のWebページへ移動できます

 

 

location.href = 移動先URL;

 

 


<!DOCTYPE html>
<htmllang="ja">
<head>
<metacharset="utf-8">
<title>JavaScriptの練習</title>
</head>
<body>
<h1>現在のページ</h1>
<p><buttononclick="location.href='http://www.google.co.jp/';">移動する</button></p>
</body>
</html>

Webページの履歴情報(History)

  • Historyオブジェクトは、Webページの閲覧履歴を情報としてもつオブジェクトです
  • backメソッドで1つ前のページに戻ることができます
  • ブラウザの戻るボタンをクリックしたときと同じ挙動です

 

 

history.back();

 

 


<!DOCTYPE html>
<htmllang="ja">
<head>
<metacharset="utf-8">
<title>JavaScriptの練習</title>
</head>
<body>
<h1>JavaScriptの練習</h1>
<p><buttononclick="history.back();">戻る</button></p>
</body>
</html>

 

 

  • LocationオブジェクトやHistoryオブジェクトで、ページ間の移動ができる