JavaScript 实现 Alert 弹窗换行的两种方法

作者:木棉

时间:2026-10-29

浏览:600

本文介绍在 JavaScript 的 alert 弹窗中实现换行的两种方法。第一种通过 getOs 函数判断浏览器类型,针对 Firefox 等使用 \n,针对 IE 系列使用 \r\n,兼容性较好但代码较复杂;第二种利用 document.all 属性区分 IE 与非 IE 浏览器,代码更简洁但仅能区分 IE 与其他浏览器。

文章目录

基于浏览器类型判定的换行方案

本文介绍在 JavaScript 的 alert 弹窗中实现换行的两种具体方法,供参考。首先介绍一种相对复杂但兼容性较好的方案,该方法能够区分不同型号的浏览器:


//浏览器类型判定
function getOs()
{
  if(navigator.userAgent.indexOf("MSIE")>0) {
     return "IE"; //InternetExplor
  }
  else if(isFirefox=navigator.userAgent.indexOf("Firefox")>0){
     return "FF"; //firefox
  }
  else if(isSafari=navigator.userAgent.indexOf("Safari")>0) {
     return "SF"; //Safari
  }
  else if(isCamino=navigator.userAgent.indexOf("Camino")>0){
     return "C"; //Camino
  }
  else if(isMozilla=navigator.userAgent.indexOf("Gecko/")>0){
     return "G"; //Gecko
  }
  else if(isMozilla=navigator.userAgent.indexOf("Opera")>=0){
     return "O"; //opera
  }else{
    return 'Other';
  }
}
function alert_br(){
  var os=getOs();
  if(os=='FF' || os=='SF'){ //FireFox、谷歌浏览器用这个
    alert('第一行\n第二行');
  }else{  //IE系列用这个
    alert('第一行\r\n第二行);
  }
}
alert_br();

基于 document.all 属性的简易方案

第二种方案代码相对简单,但功能上仅能区分 Internet Explorer (IE) 与其他浏览器:


function alert_br(){
  if(!document.all)//FF/{谷歌浏览器用这个
    alert('第一行\n第二行');
  }else{  //IE系列用这个
    alert('第一行\r\n第二行);
  }
}
alert_br();

希望上述内容对 JavaScript 编程有所帮助。

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章