文档章节

js修改iframe框架的src路径及js获取URL的get参数中文乱码的问题

别寒
 别寒
发布于 2016/06/03 15:07
字数 349
阅读 704
收藏 0

中文乱码问题主要是使用encodeURI和decodeURI解决 index页面:

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!doctype html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="Cache-Control" content="no-Cache" />

    <meta content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0,user-scalable=no" name="viewport" id="viewport" />
    <title>iframe框架</title>
    <script src="js/jquery-1.11.3.min.js" type="text/javascript"></script>

    <link href="css/public.css" rel="stylesheet" type="text/css">
    <link rel="stylesheet" type="text/css" href="css/tuanche.css">
</head>

<body >
    
	<iframe src="" width="200" height="500" id="myIframe"> 
		
	</iframe> 
	
	<script type="text/javascript">
	       
		var urlValue = encodeURI(encodeURI("iframePage.jsp?name=何洪波&phone=13243764322&city=深圳市&channel=FF001&appsku=h5_jrtt"));// 这里一定要转两次码,不然解析出来的依然是乱码

		$('#myIframe').attr('src',urlValue);
			 
	</script>
    
</body>
</html>


iframe页面:

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!doctype html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="Cache-Control" content="no-Cache" />

    <meta content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0,user-scalable=no" name="viewport" id="viewport" />
    <title>iframe</title>
    <script src="js/jquery-1.11.3.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        // 获取get参数
		String.prototype.getQueryString = function(name){
		  var reg = new RegExp("(^|&|\\?)"+ name +"=([^&]*)(&|$)"), r;
		  if (r=this.match(reg)) return unescape(r[2]); return null;
		};
		
		// 使用
		var name = location.search.getQueryString("name");
		var phone = location.search.getQueryString("phone");
		var city = location.search.getQueryString("city");
		var channel = location.search.getQueryString("channel");
		var appsku = location.search.getQueryString("appsku");
		
		alert(decodeURI(name));
		alert(phone);
		alert(decodeURI(city));
		alert(channel);
		alert(appsku);
		
    </script>
    
    <link href="css/public.css" rel="stylesheet" type="text/css">
    <link rel="stylesheet" type="text/css" href="css/tuanche.css">
</head>

<body>
    
    <div>wo s hehognbo</div>
</body>
</html>


© 著作权归作者所有

别寒
粉丝 30
博文 273
码字总数 155300
作品 0
永州
程序员
私信 提问
Web报表页面如何传递中文参数

1、场景描述 在用报表开发工具FineReport设计的web报表中,给iframe设置src嵌入某个报表时,往往会给报表传递初始的参数值,例如: <iframe id="reportFrame" width="900" height="400" src=......

九月你好123
2015/08/18
74
0
utf-8编码引起js输出中文乱码的解决办法

如果web application的编码规则是utf-8,如网页头中的: <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 那么js文件中如果有中文输出就会出现乱码,解决此个问题可......

vimfung
2013/07/15
4.8K
1
javascript 和php 内置实现 url 的编码和解码

#1 javascript encodeURI 和 decodeURI: encodeURI函数可以把任意的字符作为URI进行编码,而decodeURI函数可以对经过encodeURI编码过的字符进行解码还原。 浏览器端发起请求时包含有中文字符...

peaking
2014/05/29
1K
0
url路径传中文显示乱码以及出现乱码解决方案

有时候需要在url路径传递中文,但是却又不想在url上显示中文。可以使用js提供的encodeURI将路径进行编码操作。或者对指定的中文用encodeURIComponent进行编码。 中文显示问题解决了,我们从服...

cyper
2013/10/05
3.3K
1
UTF-8转GB2312不出现乱码,如何实现

一个以UTF-8格式编码的文件里面有中文,我想用java把它转成gb2312格式编码的文件,并且保证里面的内容不出现乱码,可以做到吗?怎么实现啊,我这边试下来会出现乱码 ,我是想做到像notepad++里面"...

bobshi
2011/04/14
4.2K
4

没有更多内容

加载失败,请刷新页面

加载更多

总结:TCP/IP协议

一、介绍 TCP协议属于OSI七层模型中的传输层协议,提供处于网络连接中的两台计算机之间的数据 传输。   在传输层有两个性质不同的协议:TCP(Transmission Control Protocol,传输控制协议...

浮躁的码农
28分钟前
3
0
一言不合就删库跑路?万名贡献者和阿里巴巴开源的二三事

9 月 27 日云栖大会,阿里巴巴宣布贾扬清担任开源技术委员会负责人。 有人问:开源是为了什么? 从个人视角看,可以证明自己的专业能力,获得行业认可; 从企业视角看,可以建立技术影响力,...

大涛学弟
38分钟前
4
0
JAVA编程注意事项(性能篇)

1. 尽量在合适的场合使用单例 使用单例可以缩短加载的时间,提高加载的效率,单例主要适用于以下三个方面: 第一,控制资源的使用,通过线程同步来控制资源的并发访问; 第二,控制实例的产生...

你好夜故事
40分钟前
5
0
List 前端 AngularJS JS 对IP排序

数据格式 $scope.dataList=[ {"ip":"192.168.10.10", "port":"8080",...}, { "ip":"192.168.10.12", "port":"8080",... } ,.....] 调用 $scope.ipSortForward($scope.dataList,"ip") 核心代码......

最菜最菜之小菜鸟
40分钟前
4
0
浅析Cassandra LeveledCompactionStrategy

前言 Cassandra是基于LSM架构的分布式数据库。LSM中有一个很重要的过程,就是压缩(Compaction)。默认的压缩策略是SizeTieredCompactionStrategy,今天主要说一下另一种压缩策略LeveledComp...

阿里云官方博客
44分钟前
5
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部