[JavaScript] ブラウザの「お気に入りの追加」ボタンを実装する

投稿日：2016年10月24日更新日：2018年5月2日

ブラウザの「お気に入りの追加」ボタンを実装するには、
window.external.AddFavoriteを使用します。

※IEのみ利用可です。
（Chrome, Edge, Safari等は、お気に入りに追加に対応していません。）

サンプルソース

例）ボタンを押すと、ブラウザの「お気に入りの追加」ダイアログを表示する

function addFavorite(){
  var url = location.href;    //お気に入りに追加するURL
  var name = document.title;  //お気に入りに表示する名称
  window.external.AddFavorite(url, name); 
}

function addFavorite(){

var url = location.href; //お気に入りに追加するURL

var name = document.title; //お気に入りに表示する名称

window.external.AddFavorite(url, name);

}

<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="utf-8">
  <title>サンプル</title>
  <script src="sample.js"></script>
</head>
<body>
  <input type="button" value=" お気に入りに追加 " onclick="addFavorite();" />
</body>
</html>

<!DOCTYPE html>

<head>

</head>

<body>

</body>

</html>

実行サンプル

ボタンを押すと、ブラウザの「お気に入りの追加」ダイアログが表示されます。

※IEのみ利用可です。
（Chrome, Edge, Safari等は、お気に入りに追加に対応していません。）

解説

AddFavoriteの第１引数にURL、第２引数に表示名を指定します。
URLに location.href を指定すると、表示中ページのURLが指定されます。
表示名に document.title を指定すると、表示中ページのタイトルが指定されます。
JavaScriptからのお気に入りの追加は、IE以外は対応していません。

執筆者：とら