iframe下页面传参数为乱码问题探讨

所属分类: 网页制作 / HTML/Xhtml 阅读数: 1002
收藏 0 赞 0 分享
遇到了变态很不常见的参数乱码的问题
首先看下页面

如图,月度指标下面也有同样的三个radio。
三个radio 下面是一个iframe,实现效果是,点击不同的radio显示不同的页面,
点击的时候传递带参数的网页地址。

(1)问题出来了,当“日度指标”和“月度指标”切换的时候,由于我传递的参数为汉字,在后台获取为乱码,
于是进行给参数进行encode编码,后台UrlDecode解码,郁闷的发现还是乱码。
然后仔细对照页面的编码发现,要在iframe打开的页面没有编码。
于是在页面加上下面一句话

复制代码
代码如下:

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

现在似乎好了,切换“日度指标”和“月度指标”网页都能正常显示,参数也传递过去了。

(2)可是变态的问题出现了,当我切换radio 的时候,报错了,参数又变成了乱码。
这次实在不知道哪里错了,“日度指标”、“月度指标”和radio点击切换页面的JS方法用的同一个。
郁闷中,自己乱点,发现如下:
当点击“煤层气”时页面正常,然后在点击“采油”参数错误了,我在采油已经为选中的情况下再点“采油”,页面竟然正常显示了
想象不应该这样啊
然后比对“煤层气”和“采油”,“采油”模块我已经挂上正式页面,“煤层气”模块由于还没有做只是随意挂上的百度页面。由于在问题(1)编码的问题,我首先想到的是编码问题,查看百度编码如下,

复制代码
代码如下:

<metahttp-equiv="content-type"content="text/html;charset=utf-8">

编码格式不一样。所以我把“煤层气”也挂上了“采油”的页面,去掉百度。
额,页面正常运行了,不报参数乱码了。

分析下原因:貌似传递参数时,获取的是当前iframe展示页面编码,而和要打开的页面编码没有关系。
但是,真的不应该这样啊,那是一个iframe,我在iframe的父页面给iframe赋值url、传递参数, 管 iframe现在的页面鸟事啊?
更多精彩内容其他人还在看

超链接的宽度和高度直接设置不起作用的解决方法

这篇文章主要介绍了超链接的宽度和高度直接设置不起作用的解决方法,需要的朋友可以参考下
收藏 0 赞 0 分享

html下拉菜单提交后保留选中值而不返回默认值

这篇文章主要介绍了html下拉菜单提交后如何保留选中值而不返回默认值,方法虽简单,但比较实用,需要的朋友可以参考下
收藏 0 赞 0 分享

html用style添加属性示例

这篇文章主要介绍了html用style添加属性的写法,比较实用,有需要的朋友可以参考下
收藏 0 赞 0 分享

HTML元素设置焦点的方法

HTML元素设置焦点,大都是采用js的focus方法来进行设置,下面有个示例,大家可以参考下
收藏 0 赞 0 分享

html用title属性实现鼠标悬停显示文字

实现鼠标悬停显示文字,html中使用title属性就可实现显示文字的效果,这个属性还是比较实用的,需要的朋友可以参考下
收藏 0 赞 0 分享

html 用超链接打开新窗口其可控制窗口属性

这篇文章主要介绍了html如何用超链接打开新窗口其可控制窗口属性,主要使用到js的window.open方法,感兴趣的朋友可以看看哦
收藏 0 赞 0 分享

html 可输入下拉菜单的实现方法

可输入下拉菜单,不可思议是不是, 本例通过一些方法实现这个不可能的事情,感兴趣的朋友可以参考下
收藏 0 赞 0 分享

a标签href属性与onclick事件使用实例

a标签主要用来实现页面跳转,可以通过href属性实现,也可以在onclick事件里实现,下面为大家简要介绍下其具体的使用
收藏 0 赞 0 分享

HTML cellpadding与cellspacing属性图文详解

这篇文章主要介绍了HTML cellpadding与cellspacing属性,有个演示图,相信大家看过之后就知道了,需要的朋友可以参考下
收藏 0 赞 0 分享

input输入框中的光标大小显示不一致的解决方法

chrome浏览器对光标高度的设置原则为,当没有内容的时候光标的高度=input的line-height的值,当有内容时,光标从input的顶端到文字的底部
收藏 0 赞 0 分享
查看更多