Question

我已经尝试了很多时间来解决这个问题但是，我在警报框中得到了整个代码。

任何人都可以解决这个问题吗？

function detail(){
        var txt="";
        txt ="<p>Browser CodeName: "+ navigator.appCodeName +"</p>";
        txt +="<p>Browser Name: "+ navigator.appName +"</p>";
        txt +="<p>Browser Version: "+ navigator.appVersion +"</p>";
        txt +="<p>Cookies Enabled: "+ navigator.cookieEnable +"</p>";
        txt +="<p>Browsr Language: "+ navigator.language +"</p>";
        txt +="<p>Browser Online: "+ navigator.onLine+"</p>";
        txt +="<p>Platform: "+ navigator.platform +"</p>";
        txt +="<p>User-agent header: "+ navigator.userAgent +"</p>";
        txt +="<p>User-agent language: "+ navigator.systemLanguage +"</p>";

        alert(txt);
    }

当用户点击按钮时，它会显示带有浏览器导航详细信息的警报

    <input type="button" value="Detail" onclick="detail()"/>

Answer 1

我认为您希望新行上的每个项目都是<p>标签。您不能将HTML标记放在警告框中，但可以使用\n。

function detail(){
    var txt="";
    txt ="Browser CodeName: "+ navigator.appCodeName +"\n";
    txt +="Browser Name: "+ navigator.appName +"\n";
    txt +="Browser Version: "+ navigator.appVersion +"\n";
    txt +="Cookies Enabled: "+ navigator.cookieEnable +"\n";
    txt +="Browsr Language: "+ navigator.language +"\n";
    txt +="Browser Online: "+ navigator.onLine+"\n";
    txt +="Platform: "+ navigator.platform +"\n";
    txt +="User-agent header: "+ navigator.userAgent +"\n";
    txt +="User-agent language: "+ navigator.systemLanguage +"\n";

    alert(txt);
}

http://jsfiddle.net/Me3xq/

Answer 2

快速研究不确定这是否符合您的要求。您可以使用Unicode字符和转义字符\ n和\ t。一个例子：

alert( 
    'This is an alert with basic formatting\n\n'
    + "\t• list item 1\n"
    + '\t• list item 2\n'
    + '\t• list item 3\n\n'
    + 'Simple table\n\n'
    + 'Char\t| Result\n'
    + '\\n\t| line break\n'
    + '\\t\t| tab space'
);

或者如果你想使用更完美的东西，请使用modal div popup ..这里是link

Answer 3

alert(message)

message - 指定要在警告框中显示的文本，或指定转换为字符串并显示的对象

所以即将到来的结果是正确的。您无法在警报中编写HTML代码。

如果要将其写入DOM使用：

document.getElementsByTagName('body')[0].innerHTML=(txt);

javascript导航器对象未显示在警告框中

3 个答案: