在没有按钮单击的情况下在pageload上显示浏览器名称

Question

下面是我的代码，它在按钮点击时返回broswer名称，但我想在页面加载时显示它而没有按钮单击如何在没有按钮点击的情况下在页面加载上执行此操作

 <button onclick="myFunction()">Try it</button>
    <p id="demo"></p>
    <script>

        function myFunction() {
            if ((navigator.userAgent.indexOf("Opera") || navigator.userAgent.indexOf('OPR')) != -1) {
                alert('Opera');
            }
            else if (navigator.userAgent.indexOf("Chrome") != -1) {
                alert('Chrome');
            }
            else if (navigator.userAgent.indexOf("Safari") != -1) {
                alert('Safari');
            }
            else if (navigator.userAgent.indexOf("Firefox") != -1) {
                alert('Firefox');
            }
            else if ((navigator.userAgent.indexOf("MSIE") != -1) || (!!document.documentMode == true)) //IF IE > 10
            {
                alert('IE');
            }
            else {
                alert('unknown');
            }
        }
    </script>

Answer 1

将其添加到script：

的底部

document.addEventListener( "DOMContentLoaded", myFunction, false );