jsp 中是否可以实现把同一个文件的一部分内容放在一个 IFRAME 里面? 如何实现?

xmwgp 2002-06-13 01:07:41
我网页的数据是从数据库中取来的,很多字段,数据也很多,所以想在网页中添加 IFRAME ,使左边第一列,表头信息固定,其它数据放在IFRAME中 ,但希望不要再做一个文件,因为那工作量也要增加很多,不知道有什么办法?
...全文
53 11 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
11 条回复
切换为时间正序
请发表友善的回复…
发表回复
xmwgp 2002-06-14
  • 打赏
  • 举报
 回复
谢谢 emu(ston) , 你的例子是可以把 数组的数据放到 iframe 里面.

再请问一下 , 怎么 javascript 里面得到 数据库取出的数据 :

<td width="60" align="right"><%=(sqlRst.getString(2)%></td>

还有 , 能否把 <td> ... </td> 的内容直接输出到 iframe 里面?
我的报表可能有 40 列 x 300 行, StringBuffer 可以支持这么多数据吗?
我在 javascript 找不到 document.body.innerHTML , 能帮我解释一下吗?
谢谢.
emu 2002-06-13
  • 打赏
  • 举报
 回复
呵呵，我发现自己怎么写都是jscript风格啊，没治了。
cqxhhe 2002-06-13
  • 打赏
  • 举报
 回复
emu(ston) ：数据量大的时候，你就会知道StringBuffer的好处

嗯 这个当然 java处理String 加法时 是转化为StringBuffer进行的

呵呵 谢谢
emu 2002-06-13
  • 打赏
  • 举报
 回复
数据量大的时候，你就会知道StringBuffer的好处
emu 2002-06-13
  • 打赏
  • 举报
 回复
<%@ page contentType="text/html;charset=GB2312"%>
<%@ page import="java.util.*"%>

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title></title>
</head>
<body>
<TABLE>
<TR id=tr1 align=center>
<TD>
</TD>
<TD>
</TD>
<TD>
</TD>
</TR>
<TR>
<TD colspan=3>
<iframe name="iframe1" id="iframe1"></iframe>
</TD>
</TR>
</TABLE>
<button onclick="transact()">test</button>
<SCRIPT LANGUAGE="JavaScript">
<!--
function transact()
{
<%
String [][] ar = { {"aaa","bbb","ccc"},{"1","2","3"},{"4","5","6"},{"7","8","9"} ,{"1","2","3"},{"4","5","6"},{"7","8","9"} ,{"1","2","3"},{"4","5","6"},{"7","8","9"} ,{"1","2","3"},{"4","5","6"},{"7","8","9"} ,{"1","2","3"},{"4","5","6"},{"7","8","9"} ,{"1","2","3"},{"4","5","6"},{"7","8","9"} ,{"1","2","3"},{"4","5","6"},{"7","8","9"} ,{"1","2","3"},{"4","5","6"},{"7","8","9"} ,{"1","2","3"},{"4","5","6"},{"7","8","9"} };
for (int i=0;i<ar[0].length;i++)
{
out.println("tr1.children["+i+"].innerText =\""+ar[0][i]+"\"");
}

StringBuffer st = new StringBuffer("<table width='100%' align=center><tbody align=center>");
for (int i=1;i<ar.length;i++)
{
st.append("<tr>");
for (int j=0;j<ar[i].length;j++)
{
st.append("<td>");
st.append(ar[i][j]);
st.append("</td>");
}
st.append("</tr>");
}
st.append("</tbody></table>");
out.println("iframe1.document.body.innerHTML=\""+st.toString()+"\"");
%>
}
//-->
</SCRIPT>

</body>
</html>
cqxhhe 2002-06-13
  • 打赏
  • 举报
 回复
好像不行吧？
直接写到<iframe name="iframe1" id="iframe1"></iframe>中间？？
我不会写阿
我都是用 scr=""
emu 2002-06-13
  • 打赏
  • 举报
 回复
呵呵，这个最好搞定了嘛,写到 <% ...... %> 的外面啊。
cqxhhe 2002-06-13
  • 打赏
  • 举报
 回复
得到数据好说
显示到<iframe name="iframe1" id="iframe1"></iframe>里
用JSP 怎么写呢？
emu 2002-06-13
  • 打赏
  • 举报
 回复
数据量大的时候，还是用jsp好些，可以用stringbuffer做append。我试过在客户端做大量的字符串加法，比把它们直接下载下来慢多了，数据量上了几百k的时候浏览器还提示我停止javascript运行，有时干脆就死机。应该是javascript沿用了java那个效率底下的字符串加法造成的。
emu 2002-06-13
  • 打赏
  • 举报
 回复
唉，这阵子写惯了jscript。
用jsp写就不是这个风格了，ar可以不要，生成st的那一端可以直接用java写出来。
反正都一样，交给客户端做，也有它自己的好处
emu 2002-06-13
  • 打赏
  • 举报
 回复
呵呵看看这个怎么样？

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title></title>
</head>
<body>
<TABLE>
<TR id=tr1 align=center>
<TD>
</TD>
<TD>
</TD>
<TD>
</TD>
</TR>
<TR>
<TD colspan=3>
<iframe name="iframe1" id="iframe1"></iframe>
</TD>
</TR>
</TABLE>
<button onclick="transact()">test</button>
<SCRIPT LANGUAGE="JavaScript">
<!--
var ar = [ ["aaa","bbb","ccc"],[1,2,3],[4,5,6],[7,8,9] ,[1,2,3],[4,5,6],[7,8,9] ,[1,2,3],[4,5,6],[7,8,9] ,[1,2,3],[4,5,6],[7,8,9] ,[1,2,3],[4,5,6],[7,8,9] ,[1,2,3],[4,5,6],[7,8,9] ,[1,2,3],[4,5,6],[7,8,9] ,[1,2,3],[4,5,6],[7,8,9] ,[1,2,3],[4,5,6],[7,8,9] ]
//这是要显示的数据，从服务器端生成
function transact()
{
for (var i=0;i<ar[0].length;i++)
{
//显示表头
tr1.children[i].innerText = ar[0][i];
}
var st = "<table width='100%' align=center><tbody align=center>";
for (var i=1;i<ar.length;i++)
{
st +="<tr>"
for (var j=0;j<ar[i].length;j++)
{
st += "<td>"+ar[i][j]+"<td>"
}
st +="</tr>"
}
st += "</tbody></table>"
iframe1.document.body.innerHTML = st;

}
//-->
</SCRIPT>

</body>
</html>

tiles+struts2配置文件
tiles+struts2配置文件 实现iframe框架效果，比iframe效果更方便
DWR.xml配置文件说明书(含源码)
DWR.xml配置文件说明书 1、 建立dwr.xml 配置文件 任何一个dwr.xml的文件都需要包含DWR DOCTYPE的声明行，格式如下： 整个配置文件的大体结构如下： ... 有几个术语有必要理解,参数叫做converted,远程Bean叫做created.如果远程Bean A有个方法A.blah(B),那么你需要为A建立一个created,为B建立一个converted. 配置文件init部分声明那些用于建立远程bean和在方法调用中转换bean的类.这部分是可选择性配置的,多数情况下可以不必使用它,如果你想定义一个新的creator或者converter那么就必须在部分中声明,but do double check on the ones that are currently available first. 在init部分的作用是告诉DWR一些类实例和关于这些类怎样运行的信息.实际上并不会使用.这有点向java中的import语句,多数类在使用之前需要引入,但引入了类并不意味着这些在使用,每个creator和converter需要有个id属性来允许以后进行引用. 配置文件的allow部分定义哪些类可以建立和转换,每个被准许的类都可以有一个'create'或者'convert'配置行.下面列出的类的转换在默认情况下不需要进一步的设置. 1、所有基本类型,boolean,int,double等等 2、基本类型的对象形式实现的类,Boolean,Integer等等 3、java.lang.String 4、java.util.date 和三个SQL形式的派生类 5、以上所有类型的数组形式 6、以上所有类型的集合,List,Set,Map(有些局限性) However nothing is added to the list of classes that can be created (i.e. put up for remoting) without you declaring it. 2、 The Converters DWR已经默认定义和初始化了常用的Converter,他们分别如下： 这里仅仅是定义了Converter并且简单的放在元素之内,任何的元素内容都有两个必须定义的属性.一个是对converter定义的引用和converter能够转换的类. 例如最简单的converter是null converter,它作用是把null和void值转换成javascript的null和undefined值.它是所有converter中最简单的,就象调用java的静态方法一样,所以并不需要创建对象. 默认的时候DWR将java void值转换成javascript的null值就是这样设置. 有时java.lang.Void也需要进行这样的转换,所以设置也是相似的.从java中传递null值到javascript是没有任何危险性的,所以DWR将这个作为默认的converter,所以你自己不用再把这个converter添加到配置文件的部分中去. 基本类型的converter转换int,boolean,double等.当然还包括对应的对象形式Integerv,Boolean等等.DWR中在allow预定义了16个配置项目分别用于所有基本类型的转换.就象这样. String类型和Date同样预先定义了Converter,这些converter都没有办法进行改变的,所有的String,Date和数值类型都统一采用默认的converter. 2.1 Array Converters Array的配置项目没有上面介绍的那么直观,默认情况下DWR装载所有的基本类型和可装载的对象,这些包括String,Date等先前介绍的类型.java高级程序员可能会理解为什么match的这行有点奇怪. *符号在上面没有提到,其实这是个可以表示任何字符的通配符号.这些数组可装载的的类型和其他可装载的类型是一样的. 2.2 Bean Converters 一种不能采用默认方式定义的converter就是Bean Converter,这个是将POJO对象转换成javascript相关的数组,反向也一样.基于安全因素的考虑这种类型的converter不能采用默认的方式实现. 假设有个bean并且通过语句设置成远程可用,有种类型的参数他本身是一个带有setter的java bean,但setter会产生严重的隐患.攻击者可能促使这隐患的发生.通过下面的语句就可以设置但个类的bean converter 要想允许转换指定包或子包下所有类的转换可以按照下面的设置 很明显,可以采用下面的方式来转换所有的java bean 2.3 Restricting Property Conversion(指定属性转换) 将象用exclude和incluce来通知DWR隔离creator的方法一样,converter也有一个类似的配置方法.因为指定属性转换只有针对bean才有效(基本类型的转换没有必要指定属性),这个功能只能应用与特定的converter即BeanConverter和从次类派生的所有类.相关配置语法如下 这样就可以限定DWR不能调用Fred对象的getProperty1()和getProperty2()方法,通常这被成为拒绝访问方式,当然你也可以采用下面的方式配置可以访问的方法(授权访问方式) 较好的安全控制大部分都是采用授权访问方式. 2.4 Collection Converters DWR最后两个默认的converter是Maps和Collections 通常converter是采用递归方法转换集合中的所有对象. 这里有两个地方需要注意： 仅仅通过反射方法没有办法知道集合元素中的类型,所以上面的两个converter能将任何集合转换成相对javascript而言有意义的对象.然而没有办法将不同的集合类类型分别采用不同的转换方法.因为没有办法完全自动进行转换,我们可以应用dwr.xml文件的special signatures syntax配置部分设置类型的转换处理过程. 2.5 DOM Objects DWR 自动将DOM、DOM4J、JDOM和XOM转换成DOM树,前面这几种类型都仅仅返回Document,Element,Node.DWR会自动将这些转换成浏览器DOM对象.通常在启动JDOM Converter时会有一个提示信息,除非你想采用JDOMconverter否则可以忽略. INFO: Missing classdef for converter 'jdom'. Failed to load uk.ltd.getahead.dwr.convert.JDOMConverter. Cause: org/jdom/Document 因为DWR没有办法知道你是否采用jdom converter,所以提示信息是info级别.如果你想采用jdom converter,你必须很清楚地知道jdom converter是否可以被加载.这就是DWR保留上面的提示信息的原因. 3 The Creators DWR共有三种Creator,最简单的”new”是调用bean的默认构造函数创建实例.”scripted”允许采用其他脚本语言创建实例.如BeanShell.在远程bean的默认构造函数不能进行进一步配置的情况下这种类型的creator比较有用.”Spring”类型允许你通过spring创建实例. 下面是关于creator的参考资料和配置参数说明. Creator Parameter User new class 类的全名称(包括包路径) scripted language BSF框架支持的脚本语言名称(BSF为apache项目) scripted script 返回远程对象的脚本,脚本可以指定一些属性,多数情况下一般只设置param节点配置.属性很少设置. spring Location* 任何以location开头的参数,每个参数都是指定一个spring的配置文件,在参数没有设置的情况下DWR会去读取spring的全局的配置文件. spring beanName 从配置文件中读取的bean的名称 “scope参数允许你配置creator的生命周期,共有以下几个选项:application,session,request,page.这些参数对于用过jsp或servlet的开发人员并不陌生. 3.1 Uing static methods 如果你想远程调用一个creator的静态方法,并且creator是new类型.因为调用远程bean的方法前DWR不会检测将要执行的方法是不是静态方法,如果是静态方法那么creator就不用创建.这种机制可以适用任何类型的creator,但new类型的creator是最简单配置的. 3.2 Security Creator可以配置类的成员函数的访问权限.creator有授权访问(指明可以被访问的方法)和拒绝访问(指明不允许访问的方法)两种配置方式. 如果要设置除了setWibble方法之外的所有方法都不可访问可以采用下面的设置. 如果采用j2ee访问角色控制的模式 3.3 The 'spring' Creator 3.4 The 'new' Creator DWR已经默认定义了new creator. DWR已经将这配置到了内置的dwr.xml文件中,并不需要进行额外的配置. Creator通过调用类的默认的构造方法创建实例.应用new creator有以下几个优点:  安全性 生命周期比较短的creator可以得到更好的安全性,通过不同的应用情况设置适合的生命周期.  低内存开销 在访问量比较大的情况下,可以不用担心发生内存泄露的情况. 配置一个creator的创建和远程方法调用设置: ... 上面的配置信息表示将java.util.date提供给客户端调用,并且引用名称是Blash.当你在客户端调用Blash.toString(reply)时,后台将采用java.util.date的默认构造方法创建一个实例.然后调用实例的tostring方法.客户端的javascript将返回给reply对象(此时reply是java.util.date的字符串形式) 3.5 The 'scripted' Creator DWR 已经默认配置了scripted creator配置, 这种类型的creator采用BSF执行脚本语言并返回bean.例如 ... import org.apache.commons.validator.EmailValidator; return EmailValidator.getInstance(); ... 4 Signatures in dwr.xml Signatures部分用于配置Collections中装载对象元素的类型.举个例子来说:下面的java代码没有办法对List集合中的对象进行转换. public class Check { public void setLotteryResults(List nos) { ... } } Singatures配置允许我们对DWR要操作的对象类型进行配置.对于了解JDK5泛型编程的开发人员来说下面的格式是很容易理解的. DWR有个专门用于解析上面配置语句的解析器,虽然上面的是JDK5中才有的特性,因为有解析器的原因这也可以应用与JDK5之前的版本. 解析规则是不可见的,但有两种例外情况. 一种情况是因为DWR1.0的解析器中有个Bug,在有些场合会无法处理返回值的类型.所以应该要避免这种情况的发生. 一种情况是因为解析器是一个语法宽松的解析器,他不象编译器一样对语法有非常严格的要求,所有有时可能一些重要的语句没有配置而无法事先发现. DWR的将来版本可能会采用符合java官方规范的解析器,这样可以避免许多出错的情况. Signature部分只用于泛型参数到基本类型参数的转换,对于其他的类型DWR采用反射机制或运行时类型来确定.在没有泛型参数的情况下可以不配置Signature. public void method(String p); public void method(String[] p); 下面的就需要配置,因为反射机制无法完成次类功能. public void method(List p); public void method(Map p); 下面可以不用配置,DWR可以自动完成转换. public void method(List p); public void method(Map p); 下面可以不用设置,DWR可以采用运行时转换. public List method(String p); 有一个值得注意的地方是在javascript中所有对象的keys都是一个字符串,你也可以把其他对象作为keys.他们在使用之前都会转换成字符串形式.DWR1.x将采用这个特性来转换成String.以后对象的转换将会在服务器端完成. 5 Scripting Introduction DWR生成的javascript代码和java代码很相似并通过dwr.xml配置输出.相比普通java异步调用之下,通过ajax生成远程接口和java 代码的最大挑战是AJAX异步功能. DWR通过引入一个回调函数，当数据从服务返回数据是调用这个函数。有两种推荐的方法使用回调函数。一在参数列表加入回调功能。二增加调用元数据对象调用。 也可以将回调的功能放在参数列表的前头，但是不建议使用这样的用法,因为在处理自动HTTP对象时候会出现问题。这些方法一般会保持向后兼容。 5.1 Simple Callback Functions 假设有个下面的java方法。 public class Remote { public String getData(int index) { ... } } 在javascript中就可以以下面的方式引用。 ... function handleGetData(str) { alert(str); } Remote.getData(42, handleGetData); “42”只是一个传给getdata方法的参数。当然你可以采用下面的写法。 Remote.getData(42, function(str) { alert(str); }); 5.2 Call Meta-Data Objects 另一种使用回调功能的方法是指定一个回调功能选项或其他可选项。上面的例子就变成下面的形式。 Remote.getData(42, { callback:function(str) { alert(str); } }); 这个方法具有以下几个优点：可以依照你的编码习惯来编写程序，更重要的是允许你增加额外的调用选项。 5.3 Timeouts and Handling Errors 除了使用回调功能你还可以指定超时时限和错误处理方法。例如： Remote.getData(42, { callback:function(str) { alert(str); }, timout:5000, errorHandler:function(message) { alert("Oops: " + message); } }); 5.4 Finding the callback method 下面有几个实例来说明回调功能各个参数选项的配置,因为javascript是不支持函数重载的。 Remote.method({ timeout:3 }, { errorHandler:somefunc }); 上面的两个参数一个是bean的参数一个是回调元数据对象。但是没有方法去区别这两种参数选项。在抛开特定的浏览器环境，我们假设null==undefined，所以具有以下规则： 一、 如果一个函数的每个调用都是回调函数，那么他就没有调用元数据对象，所有的参数都是普通java参数。 二、 如果一个最后一个参数具有一个回调功能，那么这个参数就是调用元数据对象。其余的就是普通java参数。 三、 如果第一个参数为null，我们就认为没有回调功能。其余的就是普通java参数。此外还要检查最后一个参数是否为null，如果是则会给予提示信息。 四、 如果最后一个参数为null，则没有回调功能。 五、 还有一个不是很好的约定格式，要表示错误信息。 6 Engin.js文件 这个文件是DWR的引擎文件，他承担着把后台自动生成的javascript接口与前台调用之间的衔接责任。所以任何使用DWR的地方都需要这个文件。 每个使用DWR的页面都必须引入这个文件： 6.1 Call Batching 应用批量功能可以一次性调用多个远程bean方法，因为他是将多个调用做为一次请求，这就减少了与服务器的交互。可以减少许多的开销。 一个批量方法调用以DWREngine.beginBatch()开始WREngine.endBatch()结束。当DWREngine.endBatch()被调用时就说明开始调用批量方法，DWR就将这些方法打包在一起作为一次请求发送给服务器。 DWR会确保所有的方法都回被调用，所以使用批量功能是要注意是否提交了批量调用，如果没有提交批量调用那么这些需要调用的方法将永远排在调用队列中直到提交批量调用。 注意：批量调用方法会有一些缺点，比如他不能在那些已经帮定在一起的方法调用顺序不能保证同步。 例如所有的调用元数据对象的接管函数，超时设定,错误处理等的调用都是在批量的级别上，而不是在调用的级别上。如果一个批量调用含有两个不同超时时间设定的方法，那么除了最后一个之外的所有其他方法的超时设定都被忽略。 6.2 Call Ordering 因为AJAX是个普通的异步远程方法调用模式，所以远程调用的返回结果的顺序可能和你发送请求的顺序不一致。DWREngine.setOrdered(boolean)方法允许你设置远程调用返回结果的顺序和你发送调用请求的顺序保持一致。DWR是通过一个远程方法调用已经结束后在发送下一个调用请求来实现这个功能的。 一般情况我们并不需要返回结果顺序和发送请求顺序保持一致。DWR默认是不保持一致的。 提示：因为保持上面的顺序会对应用程序的性能和响应时间，如果其中的一个消息发生丢失那么浏览器可能会有意想不到以外情况发生。在使用这个功能的时候必须认真考虑是否真的有必要使用。通常比较好的方法是使用异步模式调用。 6.3 Handling Errors and Warnings 对于一些服务器端发生的错误或警告情况DWR都回调用默认的错误和警告方法并且传递一个相关信息，通常这些发生的错误和异常对于用户来说是不可见的。 下面这个方法主要用于以消息框的方式或者在状态栏里显示一个错误或警告的消息。 要改变错误的处理方法可以使用这个方法：DWREngine.setErrorHandler(function), 改变警告的处理方法可以使用这个方法：DWREngine.setWarningHandler(function). 6.4 Remoting Hooks 参考 DWREngine.setPreHook(function) and DWREngine.setPostHook(function). 如果你想在执行远程方法调用之前或之后进行一些处理的话，你可以使用上面的两个方法。上面参数中设置的目标方法必须是没有参数的。如果你想限制特定的组件在一次方法调用没有结束之前不允许再次调用，那么使用上面的方法将很有用。 Post 执行Hooks通常是设置pre-hooks，一般用来撤消先前的操作。关于Hooks的例子可以参照；DWRUtil.useLoadingMessage() 函数。 6.5 Remoting Options(远程调用设置) 关于DWR处理远程调用有若干个设置选项，Method和Verbs对于用户来说是透明的，但对于不同的浏览器可能会有影响。通常DWR会选择正确的方法处理，如果想饶过某些浏览器产生的影响这些参数设置将非常有用。 DWREngine.setMethod(newmethod) 设置Method的实际执行方法，但被设置的方法不能确保被调用。只是DWR首先会尝试调用这个方法。newmethod 必须是DWREngine.XMLHttpRequest 或着 DWREngine.IFrame. DWREngine.setVerb(verb) 允许设置iframe 和 XMLHttpRequest提交数据时的方式,必须是POST或者GET，如果浏览器不支持POST形式，DWR会自动切换到GET方式。
JEECG_v3开发指南v3.3
jeecg_v3开发指南v3.3
iframe和iframe实现页面内嵌套一个页面（jsp）
相信刚学习javaweb的同学都十分好奇页面上点击一个按钮下面就显示一个页面，点击不同的导航栏按钮，下方就会显示不同内容，这就用到了iframe标签的src属性。下面就给大家介绍一下iframe的使用及嵌套页面的实现 下面展示一些 内联代码片。 先给大家写一下嵌套页面的实现代码 <iframe class="J_iframe" name="iframe0" width="100%" height="100%" src="${pageContext.request.contextPath}/
JS--实现F5刷新iframe结构子页面
很多网站会把公共的部分放在一个页面，这个页面称之为父页面，而把具体的内容放入一个iframe中，之后的请求改变iframe的内容。但是这样会有一个问题，因为浏览器的url是父页面的链接，当你按F5刷新的时候，并不是刷新iframe所对应的页面，而是刷新了父页面，使系统回到了最初的位置。 需要实现F5刷新iframe结构子页面如下操作： 假设：其中index.jsp是父页面，mainFrame是...
Web 开发

81,122

社区成员

341,744

社区内容

发帖
与我相关
我的任务
社区描述
Java Web 开发
社区管理员
  • Web 开发社区
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章