IE浏览器BUG：url初次用中文赋值会出现乱码

最新推荐文章于 2021-06-15 10:42:30 发布
最新推荐文章于 2021-06-15 10:42:30 发布
阅读量948 收藏
点赞数
分类专栏： 网页相关 文章标签： IE URL 中文乱码
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/linxiaokun528/article/details/8835752
版权

由于老师不让把项目源代码发上来，所以只好花点时间重写了一下。

发现这个BUG大概是这样的，编写网站时我一向用Chrome浏览器来调试前台，所以一直都没发现问题。那天发现IE上有乱码，我用火狐试了一下，没问题，可见是IE的bug了。话不多说，先上代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
	<meta http-equiv="pragma" content="no-cache" />
	<meta http-equiv="cache-control" content="no-cache" />
	<meta http-equiv="expires" content="0" />
	
	<title></title>
	<script type="text/javascript" src="<%=request.getContextPath()%>/scripts/public/jqGrid/js/jquery-1.7.2.min.js"></script>
	<script type="text/javascript">
	$(document).ready(function(){
		submit();
		$('#xz').change(submit);
	});
	
	function submit()
	{
		var t=$("#xz").val();
	var tc;
	
	if(t=="1") 
	{
		tc="第一页";
	}
	else if(t=="2") 
	{
		tc="第二页";	
	}
	else if(t=="3") 
	{
		tc="第三页";
	}
	
	var src="forBhbwh?dto.tc="+tc;
	$("#frm").attr("src",src);
	}
</script>
	
	
</head>
<body bgcolor="#FFFFFF">
	<select id="xz">
		<option id="1" value="1">1</option>
		<option id="2" value="2">2</option>
		<option id="3" value="3">3</option>
	</select>
	<br/>
	 <iframe id="frm" src="#" width="820" height="352" frameborder="0" scrolling="auto"></iframe>
</body>
</html>


以下是iframe子页面的代码

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
	<meta http-equiv="pragma" content="no-cache" />
	<meta http-equiv="cache-control" content="no-cache" />
	<meta http-equiv="expires" content="0" />
	
  </head>
  <body bgcolor="#FFFFFF">  	
 
    <div id="name"><s:property value='dto.tc'></s:property></div>
    
  </body>
</html>


至于后台和struts2配置文件的相关代码我就不发了吧，和这没关系，而且相信大家仅仅看前台也看得懂。

这段代码的意思就是，在父页面选择相应的数字，iframe子页面中就显示相应的中文：第N页。效果如下：

当然，以上是chrome和火狐的效果。而IE（仅试过IE8和IE9）就不同了，如下：

而只有一开始会这样，如果此时选择下拉框2，即使是IE也不会有乱码

然后用IE再次选择1，没乱码。不上图了，否则大家也会怀疑我用chrome截的那张图冒充是IE浏览器的。鄙视大笑

只有一开始才会这样，而且我跳进submit函数调试也发现没问题，如图：

明显是bug了。

解决方案：把一开始iframe里面的src地址直接写上forBhbwh?dto.tc=“第一页"，代码：

<iframe id="frm" src="forBhbwh?dto.tc=第一页" width="820" height="352" frameborder="0" scrolling="auto"></iframe>


乱码问题解决。还是上图吧：

如果一开始就在iframe中给出地址，那么document.ready的函数中就没必要执行一次submit函数了。代码：

 

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
	<meta http-equiv="pragma" content="no-cache" />
	<meta http-equiv="cache-control" content="no-cache" />
	<meta http-equiv="expires" content="0" />
	
	<title></title>
	<script type="text/javascript" src="<%=request.getContextPath()%>/scripts/public/jqGrid/js/jquery-1.7.2.min.js"></script>
	<script type="text/javascript">
	$(document).ready(function(){
		$('#xz').change(submit);
	});
	
	function submit()
	{
		var t=$("#xz").val();
	var tc;
	
	if(t=="1") 
	{
		tc="第一页";
	}
	else if(t=="2") 
	{
		tc="第二页";	
	}
	else if(t=="3") 
	{
		tc="第三页";
	}
	
	var src="forBhbwh?dto.tc="+tc;
	$("#frm").attr("src",src);
	}
</script>
	
	
</head>
<body bgcolor="#FFFFFF">
	<select id="xz">
		<option id="1" value="1">1</option>
		<option id="2" value="2">2</option>
		<option id="3" value="3">3</option>
	</select>
	<br/>
	 <iframe id="frm" src="forBhbwh?dto.tc=第一页" width="820" height="352" frameborder="0" scrolling="auto"></iframe>
</body>
</html>

但是这样做明显有缺点：如果以后需要改iframe的地址就要改两次，一次是submit函数，一次是iframe的src地址，明显这样做很不好。而且，万一之后要求默认选择的不是1而是2或3，也得改iframe地址，否则会出现如下可笑的情况：

 

为了防止这些情况，最后还得在document.ready函数里执行一次submit函数。这样即使初始地址给的是错的，也会在执行submit函数的过程中恢复过来。但是就怕什么时候页面加载完毕但还没执行submit函数时电脑卡死了，那还是会让顾客看到上面那种矛盾的情况。但也只有这样了。给出最后“接近完美”解决该乱码问题的代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
	<meta http-equiv="pragma" content="no-cache" />
	<meta http-equiv="cache-control" content="no-cache" />
	<meta http-equiv="expires" content="0" />
	
	<title></title>
	<script type="text/javascript" src="<%=request.getContextPath()%>/scripts/public/jqGrid/js/jquery-1.7.2.min.js"></script>
	<script type="text/javascript">
	$(document).ready(function(){
		submit();
		$('#xz').change(submit);
	});
	
	function submit()
	{
		var t=$("#xz").val();
		var tc;
	
	if(t=="1") 
	{
		tc="第一页";
	}
	else if(t=="2") 
	{
		tc="第二页";	
	}
	else if(t=="3") 
	{
		tc="第三页";
	}
	
	var src="forBhbwh?dto.tc="+tc;
	$("#frm").attr("src",src);
	}
</script>
	
	
</head>
<body bgcolor="#FFFFFF">
	<select id="xz">
		<option id="1" value="1">1</option>
		<option id="2" value="2">2</option>
		<option id="3" value="3">3</option>
	</select>
	<br/>
	 <iframe id="frm" src="forBhbwh?dto.tc=第一页" width="820" height="352" frameborder="0" scrolling="auto"></iframe>
</body>
</html>


 

寒鸭踏雪
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
IE浏览器在post提交时中文乱码的解决方法
10-26
post提交时中文乱码，想必大家都有遇到过吧，采用的解决方法是在网页端转码，在服务器端再转回来，具体的实现如下，感兴趣的朋友可以参考下，希望对大家有所帮助
给apache2.2加上mod_encoding模块後 php5.2.0 处理url出现bug
10-30
当我们在Apache2.2中启用mod_encoding模块，并使用PHP 5.2.0处理url时，可能会出现bug的问题。这是因为mod_encoding模块会先一步处理url，然后PHP又对其进行了解析，导致url被解码两次。例如，对于url x....
URL中文参数乱码问题（针对IE6.0）
Arthur0088的专栏
01-27 5090
我们经常使用如下方式进行参数传递，如：url参数传递  而后台仅有如下代码：String action = request.getParameter("action");  那么获取的可能是乱码，普通的解决方法有： 1. request.setCharacterEncoding("UTF-8"); String action=new String(reque
Web开发问题：IE浏览器中url中文乱码问题
今年依旧12岁
11-13 680
问题描述： 使用IE浏览器，通过url传参，中文字符变成乱码，Chrom浏览器无该现象 例： 使用ajax向后台传参时，url中的中文是正常的 var ntid="王二蛋"; var url= "Ashx/Auth.ashx?type=Add_Comment&ntid=" + ntid + "&RandID=" + Math.random(); $.ajax{ type:"GET...
在ie浏览器下，url有中文产生乱码问题
wobupeiai的博客
10-31 5951
在ie浏览器下，url有中文产生乱码问题，其他浏览器对url的编码与页面编码一致，但ie不是，必须是用isso-8859-1来编码，而且是在远程部署上服务器后出问题，在本地不出问题。         解决这个问题只要在前端用js对url中的中文编码一下就可以了。encodeURI("中文")/escape("中文"),或者也可以在后台new String(xxx.getBytes("ISSO-8
解决IE浏览器URL乱码的问题
p15097962069的博客
06-15 176
解决IE浏览器URL乱码的问题
IE浏览器下的图片空隙间距BUG和解决办法.pdf
05-02
精品文档 欢迎下载
IE6 Bug overflow:hidden失效
09-25
在IE6浏览器中，开发者经常会遇到一个著名的CSS布局问题，那就是`overflow:hidden`失效的问题。这个问题主要发生在父元素的直接子元素或者下级子元素设置`position:relative`时，导致父元素的`overflow:hidden`属性...
js完美解决IE6不支持position:fixed的bug
10-24
在前端开发中，IE6（Internet Explorer 6）尽管已被淘汰，但由于中国市场的特殊性，很多用户仍在使用，因此对于开发者来说，确保在IE6浏览器中的兼容性仍然是一个挑战。其中一个典型的问题是IE6不支持CSS中的`...
IE7 float:right 右浮动时元素换行错位的bug解决方法
09-25
次的情况与上次不同，上次直接将浮动的元素移到不浮动的元素之前就可以解决问题，而这次的float:right 时元素换行错位的情况，在下文也给出了不错的解决方法
IE里url乱码解决办法
yuolligeng的专栏
07-31 390
调用下面的函数
iframe中传递中文参数出现乱码
hqmln的博客
06-07 641
两个方法： 1.字符集用UTF-8 2。用encodeURI手动进行字符集转换 Java code String str = java.net.URLDecoder.decode(str, "UTF-8");  
解决IE下URL传参中文乱码的问题
10年职场两茫茫，35岁凄凉奈若何
03-09 357
解决IE下URL传参中文乱码的问题
用IE中文参数乱码问题，其他浏览器不乱码的处理方式
lk_lxn的专栏
12-17 793
当通过URL传中文参数时，通过IE浏览器访问获取值发现中文是乱码的，但通过其他浏览器访问中文没有乱码，这时候需要通过URLDecoder（java方式）来先加密在解密来实现。例如下： 在传中文参数页面，先将参数进行加密： String  xczfbh=java.net.URLEncoder.encode(xczfbh,"UTF-8"); 此时的xczfbh为加密的参数。 在接收页面：
js修改iframe框架的src路径及js获取URL的get参数中文乱码的问题
weixin_33787529的博客
06-03 1198
2019独角兽企业重金招聘Python工程师标准>>> ...
IE浏览器url带中文参数导致乱码问题（chrome下正常）
热门推荐
peaceliu
09-09 2万+
问题： E浏览器下url带中文请求参数，服务器端使用new String(param.getBytes(“iso-8859-1”), “utf-8”)后仍然会乱码。 但使用chrome浏览器则正常。 代码如下: 解决： 使用URLEncoder和URLDecoder对url参数进行编解码。即，在jsp中对“小红”进行URLEncode编码后再传参即可解决。
iframe url包含中文 导致页面404问题
weixin_39016602的博客
05-17 1651
今天调试，动态复制iframe时，跳转的页面一直显示404， var _src = 'modules/classify/addModule.html?catId=' + catId + "&catName=" + catName + "&resId=" + resId + "&resTitle=" + resTitle; parent.$('#view_if...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值