在不使用按钮的情况下加载代码

Load code without using a button

本文关键字：情况下 加载 代码 按钮      更新时间：2023-09-26

我正在尝试更改此代码，以便它不再需要按钮来告诉我正在使用哪个浏览器。我希望它在页面加载时弹出，而不是在按钮上。如果有人能向我展示所需的更改，那就太好了。

我尝试更改为btn.onload并添加body onload="btn"但这不起作用。

当前代码（带按钮）：

<script type='text/javascript'>//<![CDATA[ 
  window.onload = function() {
    var btn = document.getElementById('btn');
    btn.onclick = function() {
      var isChrome = /Chrome/.test(navigator.userAgent) && /Google Inc/.test(navigator.vendor);
      var isSafari = /Safari/.test(navigator.userAgent) && /Apple Computer/.test(navigator.vendor);
      if (isChrome) alert("You are using Chrome!");
      if (isSafari) alert("You are using Safari!");
    };
  }//]]>  
</script>
</head>
<body>
<input type="button" style="cursor:pointer;" id="btn" name="btn" value="Detect browser!"/>
</body>

您需要做的就是在加载窗口时运行它。 

window.onload = function() {
    var isChrome = /Chrome/.test(navigator.userAgent) && /Google Inc/.test(navigator.vendor);
    var isSafari = /Safari/.test(navigator.userAgent) && /Apple Computer/.test(navigator.vendor);
    if (isChrome) alert("You are using Chrome!");
    if (isSafari) alert("You are using Safari!");
};

删除以下代码行：

btn.onclick = function() {
};
}//]]>

这将导致所有包含的 javascript 在页面加载时执行。

只需将btn.onclick替换为 window.onload 即可。

相关文章：