在页面加载,刷新和关闭事件上获取不同的警报

时间:2017-01-11 13:26:44

标签: javascript jquery javascript-events

我想显示以下事件的提醒:

  1. Page onLoad
  2. 页面刷新
  3. 关闭前

2 个答案:

答案 0 :(得分:2)

使用alert进行加载,使用return语句进行卸载和刷新

低于使用过的代码。

// 1-Page Load
window.onload = function() {
  alert("Page loaded");
  
  //disable unload message when clicking on links (<a>)
  var links = document.getElementsByTagName("a");
  for (var i = 0; i < links.length ; i++) {
    links[i].addEventListener("click",function(){
	   window.onbeforeunload = null;
    })
  }
}

// 2-Page Refresh or  3-Before Close 
window.onbeforeunload = function() {
  return "Page unloaded !";
}
<a href="#">link</a>

答案 1 :(得分:1)

添加到您的<head>代码中,您可以在onbeforeunloadonunload之间选择,这是您喜欢的。虽然onunload也会在您关闭标签/浏览器时触发。
当页面加载时window.alert触发。

这是

&#13;
&#13;
<script type="text/javascript">
  window.alert("alert!");
  
  window.onunload = function (){
      alert("onunload alert");
  };
  window.onbeforeunload = function (){
      alert("onbeforeunload alert");
  };
</script>
&#13;
&#13;
&#13;