javascript - 你能改变这个代码 JavaScript 没有按钮

Question

关闭。此题需要 details or clarity 。目前不接受答案。

---

想要改进这个问题吗？通过 editing this post 添加详细信息并澄清问题.

已关闭 6 年前。

Improve this question

我有一些代码来检测访问者正在使用的浏览器。单击按钮时该代码将运行。我想更改它，以便它在网页中间显示:"Your browser is Chrome" (或他们使用的任何浏览器)。

<p>What is the name(s) of your browser?</p>
<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

您可以将名称保存到变量中，然后设置元素的文本。这是一个例子:

<p id="demo">Your browser is <span></span>.</p>

<script>
function myFunction() { 
    var browserName;

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

    document.querySelector('#demo > span').innerText = browserName;
}

window.onload = function() {
    myFunction();
}
</script>