ExtJS MessageBox嵌入HTML修改提示内容样式简单实例

本文链接：https://blog.youkuaiyun.com/libertine1993/article/details/53893767

本文介绍如何在ExtJS的MessageBox中嵌入HTML，以修改提示内容的字体样式。作者通过实践验证了阅读的重要性，即通过阅读建立知识索引，在需要时能快速找回遗忘的信息。操作方法是将HTML格式的文本内容字符串保存到变量，然后将其作为msg属性传递给MessageBox。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

有个小调整要求修改ext提示框中的文字样式，好像之前简单学习extjs时有在哪看过可以直接在文本内容中加html语句。想起计算机体系结构老师的话，书本上的东西是记不完，但是看书能让你知道有这么一回事，在你大脑里面建立起一个索引，当你要用的时候，用这个索引去把忘掉的东西找回来，这次算是用实践检验了一把老师的话。虽然在哪看到的找不着了，但是大概知道这么回事，试了下成功了，记录下。

方法：

用一个变量保存以html格式的形式编写的文本内容字符串（注意双引号要用反斜杠转义），然后直接传进msg属性。当然你也可以不用变量直接上字符串。

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>ExtJs</title>
	<meta charset="GBK">
	<link href="ExtJs/resources/css/ext-all.css" rel="stylesheet" type="text/css" />
	<script type="text/javascript" src="ExtJs/ext-base.js"></script>
	<script type="text/javascript" src="ExtJs/ext-all-debug-w-comments.js"></script> 

</head>
<body>
    <div>
    <script type="text/javascript">
	    var  poetry = "苟利....."
	    var htmlText = "<p style=\"font-size:18px;font-weight:bold;color:red\">" + poetry + "</p>";
		Ext.MessageBox.show({
		   title: '诗词天地',
		   msg: htmlText,
		   buttons:{"ok":""},
		   closable : false,
		   width : 500,
		   //icon: Ext.get('icons').dom.value
		});
    </script>
    </div>
</body>
</html>

效果：