js给iframe动态设置src和参数参数传递问题
2017-09-09 17:16
597 查看
最近开始接触到一个挺老项目，其中涉及到了一些jsp代码编写，
其中遇到一个问题比较麻烦，就是在jsp页面中iframe 的src属性动态修改的问题
页面：hello.jsp，table.jsp
页面上有三个标签：text，button，iframe
实现的功能是：点击button标签，将text标签内容作为src 的请求参数传递给服务端的jsp页面，在hello.jsp中动态显示子窗口表格内容
下面直接贴出代码：
hello.jsp
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Hello</title>
</head>
<!-- <script src="/js/jquery.min.js"></script> -->
<script type="text/javascript">
function clickButton(){
var text = document.getElementById("name1").value;
var frame = document.getElementById('frame1');
frame.src="table.jsp?text="+text;
}
</script>
<body>
Hello ${name}
<br/><br/><br/><br/>
<input id="name1" type="text"></input>
<input id="buttton1" type="button" onclick="clickButton()" value="Click me"/>
<iframe src="table.jsp" id="frame1"
frameborder="0" marginheight="0" marginwidth="0" height="700" width="100%"></iframe>
</body>
</html>
table.jsp
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<%@ page import="springbootjsp.springbootjspweb.config.SpringManager"%>
<%@ page import="org.springframework.context.ApplicationContext"%>
<%@ page import="springbootjsp.springbootjspweb.service.HelloService"%>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>HELLO</title>
</head>
<body>
<%
String text = request.getParameter("text");
//HelloService helloService = SpringManager.getApplicationContext().getBean(HelloService.class);
%>
transport text from parent window is : <%=text %>
</body>
</html>希望对大家有用吧，jsp(servlet) 从request中获取就可以了
如果希望使用post方法，要结合表单（form）的使用，注意form的target属性就ok了
其中遇到一个问题比较麻烦，就是在jsp页面中iframe 的src属性动态修改的问题
页面：hello.jsp，table.jsp
页面上有三个标签：text，button，iframe
实现的功能是：点击button标签，将text标签内容作为src 的请求参数传递给服务端的jsp页面，在hello.jsp中动态显示子窗口表格内容
下面直接贴出代码：
hello.jsp
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Hello</title>
</head>
<!-- <script src="/js/jquery.min.js"></script> -->
<script type="text/javascript">
function clickButton(){
var text = document.getElementById("name1").value;
var frame = document.getElementById('frame1');
frame.src="table.jsp?text="+text;
}
</script>
<body>
Hello ${name}
<br/><br/><br/><br/>
<input id="name1" type="text"></input>
<input id="buttton1" type="button" onclick="clickButton()" value="Click me"/>
<iframe src="table.jsp" id="frame1"
frameborder="0" marginheight="0" marginwidth="0" height="700" width="100%"></iframe>
</body>
</html>
table.jsp
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<%@ page import="springbootjsp.springbootjspweb.config.SpringManager"%>
<%@ page import="org.springframework.context.ApplicationContext"%>
<%@ page import="springbootjsp.springbootjspweb.service.HelloService"%>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>HELLO</title>
</head>
<body>
<%
String text = request.getParameter("text");
//HelloService helloService = SpringManager.getApplicationContext().getBean(HelloService.class);
%>
transport text from parent window is : <%=text %>
</body>
</html>希望对大家有用吧，jsp(servlet) 从request中获取就可以了
如果希望使用post方法，要结合表单（form）的使用，注意form的target属性就ok了
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 动态生成的IFRAME，设置SRC时的问题解决分析
- IE6下JS动态设置图片src地址问题
- 动态为js中的function传递参数问题
- IE6下JS动态设置图片src地址问题
- 在动态THML语句中调用JS函数传递带空格参数的问题
- IE6下JS动态设置图片src地址问题
- 动态生成的IFRAME，设置SRC时的问题解决分析
- js修改iframe框架的src路径及js获取URL的get参数中文乱码的问题
- JavaScript(js) 前台 参数传递乱码 转码 问题--已解决！ 中文字符乱码
- iframe动态设置src
- 动态生成的IFRAME，设置SRC时的，不同位置带来的影响
- js循环动态绑定带参数函数遇到的问题及解决方案[转]
- js url 传递参数时中文乱码问题解决
- js时断时续————动态参数传递
- 一个使用JS提交表单并传递参数的问题
- 解决multipart/form-data表单中传递参数问题(动态更改表单提交URL)
- 解决multipart/form-data表单中传递参数问题(动态更改表单提交URL)
- asp.net 解决js传递参数时，url汉字乱码的问题
- ASP.net动态调用非托管DLL的参数传递问题
- js、URL传递含有中文参数时的乱码问题解决