在JavaScript警告框中格式化文本

Question

如何在JavaScript警告框中格式化文本？我需要在文中强调一个词。

Answer 1

您只能使用：

\b = Backspace 
\f = Form feed 
\n = New line 
\r = Carriage return 
\t = tab
\000 = octal character 
\x00 = hexadecimal character 
\u0000 = hexadecimal unicode character

因此，您可以插入不同的ASCII字符，但不要格式化它们（例如斜体或粗体）。

编辑我还要提到，实际上alert的行为与toString转换相似，因此无法包含标签和/或样式。

Answer 2

使用名为'\u0332'

的unicode字符COMBINING LOW LINE为字符串加下划线

function underline(s) {
    var arr = s.split('');
    s = arr.join('\u0332');
    if (s) s = s + '\u0332';
    return s;
}

var str = underline('hello world'); // "h̲e̲l̲l̲o̲ ̲w̲o̲r̲l̲d̲"

alert(str);

不保证此方法可以产生平滑的下划线。

Firefox 59上confirm()的示例：

Answer 3

您无法在警告框中设置文本样式。但是你可以使用模态框解决方案，这里有一个列表可以帮助你入门：

• Dialog，来自jQuery UI
• Simple Modal
• leanModal
• Reveal: jQuery Modal

Answer 4

在我的情况下，我通过JavaScript文件创建了国际化。我需要每个按钮上的助记符，所以我一直在寻找一个简单的解决方案。实际上，我很容易获得想要的结果：

\u0332是Unicode字符COMBINING LOW LINE

使用此字符，您可以为单个字母加下划线。

演示：

＆＃13;

＆＃13;

alert('S\u0332earch - s underlined');

i18n = {};

i18n.SEARCH = "S\u0332earch - s underlined";

document.getElementById('search').innerHTML = i18n.SEARCH;

＆＃13;

<button id="search"></button>

＆＃13;

＆＃13;

＆＃13;

Answer 5

你做不到。 使用外部库作为JQuery UI Dialog或您自己的实现。

Answer 6

这是不可能的。你必须使用一个插件。如果你安装了jQuery，可以选择一堆。如果不是这个看起来很有希望：http://simplemodal.plasm.it/#examples

Answer 7

非常需要此选项，但是所有答案都没有特别的帮助。有两个答案表明解决方案是使用unicode，但您必须正确执行此操作！我还想要一种可重复使用的解决方案，不需要每次都重新发明轮子。因此，为了方便起见，提出了this small javascript function。

alert('Really need to alert some '+toUnicodeVariant('underlined', 'bold sans', 'underline')+' text');

<script src="https://rawgithub.com/davidkonrad/toUnicodeVariant/master/toUnicodeVariant.js"></script>

应该在所有主要的浏览器中生成类似的内容（尝试运行上面的代码段）：