如何创建“此页的书签”按钮？

<button id="bookmarkButton">此页的书签</button>

document.getElementById("bookmarkButton").addEventListener("click", function() {
  var pageTitle = document.title;
  var pageUrl = window.location.href;

  if (window.sidebar && window.sidebar.addPanel) { // Firefox
    window.sidebar.addPanel(pageTitle, pageUrl, "");
  } else if (window.external && ('AddFavorite' in window.external)) { // IE
    window.external.AddFavorite(pageUrl, pageTitle);
  } else if (window.opera && window.print) { // Opera
    var bookmarkLink = document.createElement('a');
    bookmarkLink.setAttribute('href', pageUrl);
    bookmarkLink.setAttribute('title', pageTitle);
    bookmarkLink.setAttribute('rel', 'sidebar');
    bookmarkLink.click();
  } else { // Other browsers (Chrome, Safari, etc.)
    alert("请使用浏览器的书签功能来创建此页的书签。");
  }
});

#bookmarkButton {
  background-color: #007bff;
  color: #fff;
  padding: 10px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

#bookmarkButton:hover {
  background-color: #0056b3;
}