解决 iframe 页面乱码

最新推荐文章于 2024-01-15 15:08:05 发布

牛晨光

最新推荐文章于 2024-01-15 15:08:05 发布

阅读量5.2w

点赞数 3

CC 4.0 BY-SA版权

分类专栏：开发文章标签： iframe web

本文链接：https://blog.youkuaiyun.com/ChrisNiu1984/article/details/3928929

开发专栏收录该内容

36 篇文章

订阅专栏

本文介绍了一种解决因iframe内外页面编码不一致导致内容显示乱码的方法，通过创建一个指定编码类型的中间页面来确保内容正确显示。

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

今天公司的做web同事遇见一个问题，大概描述如下：

本公司的web页面为了支持国际化全部选择使用utf-8编码方式，由于客户需求需要iframe客户的一个页面，

客户页面的编码是gbk，但是没有charset声明。

这样就造成了我们iframe客户的页面时，因为我们的charset声明为utf-8且iframe里的页面没有编码声明造成iframe的内容都成了乱码。我们的编码方式是不能变的，客户也不会改变他们当前页面的编码方式同时也不能去添加一个charset声明（很不正规，不过没办法，客户是上帝）。

绞尽脑汁的想了半天终于想到了一个办法：

添加一个中间页面，这个页面显示的声明为客户页面的编码类型。这样客户页面的编码类型就从中间页继承下去了，不会出现乱码了。

假设有最终页面为： ERR.htm

<html><head><meta http-equiv=Content-Type content=texthtml; charset=utf-8 ></head><body>主页，编码为utf-8，明确指定了编码类型。<iframe src="目标页.htm" mce_src="目标页.htm" width="100%" height="100%" /></body></html>

假设有客户页面为：目标页.htm

<html><head></head><body>目标页面，编码为GBK，但是没有指明编码类型。</body></html>

这样肯定是会显示乱码的。如果修改成这样：

OK.htm

<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head><body>主页，编码为utf-8，明确指定了编码类型。<iframe src="中间页.htm" mce_src="中间页.htm" width="100%" height="100%" /></body></html>

中间页.htm

<html><head><meta http-equiv="Content-Type" content="text/html; charset=gbk" /></head><body>中间页，编码为gbk，明确指定了编码类型。帮助目标页确定编码<iframe src="目标页.htm" mce_src="目标页.htm" width="100%" height="100%" /></body></html>

目标页.htm

<html><head></head><body>目标页面，编码为GBK，但是没有指明编码类型。</body></html>

就能解决这个问题了，当然你应该有更好。希望不吝赐教

------------------------------------------------------------------------------------------------------------------------------

6楼的兄弟 luxin88 发评论说可以在iframe里加入charset，大家可以试试。