在页面加载时显示浏览器名称，无需单击按钮 [重复]

Question

下面是我的代码，它在单击按钮时返回浏览器名称，但我想在页面加载时显示它而不单击按钮如何在页面加载时执行此操作而不单击按钮

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