我想知道是否可以将HTML标记添加到JavaScript alert()方法,例如:

<b>
<ul>
<li>

等等

谢谢你的帮助

#1楼 票数:39

您可以使用所有Unicode字符和转义字符\\n\\t 一个例子:

 document.getElementById("test").onclick = function() { 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' + '▬▬▬▬▬▬▬▬▬ஜ۩۞۩ஜ▬▬▬▬▬▬▬▬▬\\n\\n' + 'Simple table\\n\\n' + 'Char\\t| Result\\n' + '\\\\n\\t| line break\\n' + '\\\\t\\t| tab space' ); } 
 <!DOCTYPE html> <title>Alert formatting</title> <meta charset=utf-8> <button id=test>Click</button> 

Firefox中的结果:

截图Firefox

几乎所有浏览器都能获得相同的外观。

#2楼 票数:22

alert()是窗口对象的一种方法,它无法解释HTML标记

#3楼 票数:9

您可以将HTML添加到警报字符串中,但不会将其呈现为HTML。 它只会显示为纯字符串。 简单回答:没有。

#4楼 票数:7

这是不可能的。

相反,您应该使用jQuery UI Dialog之类的东西在Javascript中创建一个假窗口。

#5楼 票数:4

不,你只能使用一些转义序列 - 例如\\ n (可能只有这一个)。

#6楼 票数:0

alert()不支持HTML,但您可以选择格式化消息。

您可以像其他人所说的那样使用Unicode字符,也可以使用ES6模板文字 例如:

...
.catch(function (error) {
  const alertMessage = `Error retrieving resource. Please make sure:
    • the resource server is accessible
    • you're logged in

    Error: ${error}`;
  window.alert(alertMessage);
}

输出: 在此输入图像描述

如您所见,它维护了我们包含在变量中的换行符和空格,没有多余的字符。

  ask by OrahSoft translate from so

未解决问题?本站智能推荐:

3回复

JavaScript中的Alert()循环

我对JS非常陌生,但是现在我正在尝试创建一种表单验证方法,该方法将不断检查所有条目都不等于NaN或NULL(我将其描述为“”)。 但是我认为我没有正确利用“ alert() ”函数,并且它不会停止检查足够长的时间以使某人重新输入信息。 我的逻辑是保留在“ checkblanks”函数中,同
1回复

javascript中alert的用法是什么?

这是一个xss代码: 我在这里无法了解alert的用法。 为什么我们在alert后不需要括号? 而且我无法理解浏览器的行为。 浏览器将弹出一个框,并显示Uncaught 1 。 看起来浏览器首先弹出一个警报框,然后将异常字符串填充到该框中。 但是,我不太确定这是怎么发生的。 顺便
1回复

科尔多瓦对话插件:在notification.alert消息中插入HTML标签

我正在开发Cordova混合应用程序。 我需要单击按钮,并向用户显示自定义的错误消息。 但是,我意识到Cordova对话框插件notification.alert()正文消息不支持HTML标记。 我是否可以知道如何将HTML标签添加到notification.alert()消息正文中,以便
1回复

javascript中“alert(a)”和“alert(a);vara=1;''之间的区别?

控制台日志显示:“未捕获的ReferenceError:a未定义”; 在浏览的中间,日志显示:“undefined” 这段代码是如何在js中运行的,以及导致这种差异的原因
4回复

文本不会写入页面,但会显示在alert()消息中。JavaScript和HTML

我正在开发一种将收集一些信息的表格。 我在代码中进行了一些设置,当“名字”文本框更改(更改)时,子标题( <td> )将被填充为“名字”。 由于某种原因,当我发出警报消息时,文本永远不会被写入具有subHeader BUT id的<td>中,它就在那里。 我究竟做
2回复

使用Javascript的MacOS设计中的alert()

我受此线程JsFiddle的启发而创建了具有CSS设计的javascript alert() ,但是我试图在Mac OS设计中执行此警报,但是我无法实现。 它将为您提供帮助,如何将我的代码转换为alert,以便在Java或jQuery中运行alert('{MY_Content}')时,它将在
2回复

在JavaScript中添加html标签

我正在尝试在some text链接周围添加<button id="mybtn"></button> ,但是我不确定如何做到这一点。 我用document.write尝试了一下,但我认为使用错误。 当我单击此按钮时, some text将全部替换为“ ZZZ”。 但是
2回复

在JavaScript中添加HTML标签

我得到了这样的Javascript代码: 现在,我想在h7标签中放置“ Optie”和“:”。 我怎样才能做到这一点?