Question

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

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

当前代码（WITH BUTTON）：

<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>

Answer 1

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

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!");
};

Answer 2

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

Answer 3

删除以下代码行：

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

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

不使用按钮加载代码

3 个答案: