// source http://jsbin.com/ziwod

index.html

<button onclick="notifyMe()">
  Notify me!
</button>
<script id="jsbin-javascript">
function notifyMe() {
  if (!Notification) {
    alert('Notifications are supported in modern versions of Chrome, Firefox, Opera and Firefox.'); 
    return;
  }

  if (Notification.permission !== "granted")
    Notification.requestPermission();

  var notification = new Notification('Notification title', {
    icon: 'http://cdn.sstatic.net/stackexchange/img/logos/so/so-icon.png',
    body: "Hey there! You've been notified!",
  });

  notification.onclick = function () {
    window.open("http://stackoverflow.com/a/13328397/1269037");      
  };
}
</script>


<script id="jsbin-source-javascript" type="text/javascript">function notifyMe() {
  if (!Notification) {
    alert('Notifications are supported in modern versions of Chrome, Firefox, Opera and Firefox.'); 
    return;
  }

  if (Notification.permission !== "granted")
    Notification.requestPermission();

  var notification = new Notification('Notification title', {
    icon: 'http://cdn.sstatic.net/stackexchange/img/logos/so/so-icon.png',
    body: "Hey there! You've been notified!",
  });

  notification.onclick = function () {
    window.open("http://stackoverflow.com/a/13328397/1269037");      
  };
}
</script>

jsbin.ziwod.js

function notifyMe() {
  if (!Notification) {
    alert('Notifications are supported in modern versions of Chrome, Firefox, Opera and Firefox.'); 
    return;
  }

  if (Notification.permission !== "granted")
    Notification.requestPermission();

  var notification = new Notification('Notification title', {
    icon: 'http://cdn.sstatic.net/stackexchange/img/logos/so/so-icon.png',
    body: "Hey there! You've been notified!",
  });

  notification.onclick = function () {
    window.open("http://stackoverflow.com/a/13328397/1269037");      
  };
}