登录系统:用户名:
如果要讨论问题，请先注册。
[整理]layer的弹窗调用，及子窗口的值回传~~
上一篇:下一篇:
添加日期： 10:55:01
阅读5053次
layer官网：首先，是common.js，直接引用即可。//父窗口调用此方法function&openWin(winTitle,winURL,width,height,callback){&&&&var&winWidth&=&width==null?"90%":""+&&&&var&winHeight&=&height==null?"90%":""+&&&&if(!winWidth.endWith("%"))winWidth+="px";&&&&if(!winHeight.endWith("%"))winHeight+="px";&&&&&&&&top.layer.open({&&&&&&&&type:&2,&&&&&&&&maxmin:&false,&&&&&&&&title:&winTitle,&&&&&&&&shade:&[0.5,'#333'],&&&&&&&&offset:&['50px',&''],&//上边距50像素&&&&&&&&area:&[winWidth,&winHeight],&&&&&&&&content:winURL&&&&});&&&&&&&&&//保存callback，根据子窗口的index来索引&&&&if(callback&&&&typeof(callback)&===&"function"){&&&&&&&&share.data(parent.layer.index,callback);&&&&}&}&&//此方法由子窗口调用，故window.name是iframe页面的name&function&closeWin(data){&&&&&&&&&&//取得callback&&&&&var&callback&=&share.remove(parent.layer.getFrameIndex(window.name));&&&&&if(callback&&&&typeof(callback)&===&"function"){&&&&&&&&&//callback初始是由父窗口创建的，所以此时回调时，仍然是父窗口执行的。&&&&&&&&&callback(data);&&&&&}&&&&&&&&&&//关闭窗口&&&&&parent.layer.close(parent.layer.getFrameIndex(window.name));&}&&&var&share&=&{&&&&&/**&&&&&&*&跨框架数据共享接口&&&&&&*&@param&&&&{String}&&&&存储的数据名&&&&&&*&@param&&&&{Any}&&&&&&&&将要存储的任意数据(无此项则返回被查询的数据)&&&&&&*/&&&&&data:&function&(name,&value)&{&&&&&&&&&var&top&=&window.top,&&&&&&&&&&&&&cache&=&top['_CACHE']&||&{};&&&&&&&&&top['_CACHE']&=&&&&&&&&&&&&&&&&&&&return&value&!==&undefined&?&cache[name]&=&value&:&cache[name];&&&&&},&&&&&&&&&&/**&&&&&&*&数据共享删除接口&&&&&&*&@param&&&&{String}&&&&删除的数据名&&&&&&*/&&&&&remove:&function&(name)&{&&&&&&&&&var&cache&=&window.top['_CACHE'];&&&&&&&&&var&value&=&&&&&&&&&&if&(cache&&&&cache[name]){&&&&&&&&&&&&&value&=&cache[name];&&&&&&&&&&&&&delete&cache[name];&&&&&&&&&}&&&&&&&&&return&&&&&&}&&&&&&};调用范例，<%@&include&file="../include/topLess.jsp"%>登录名：<input&name=userLoginname&type="text"&class="button"&id="userLoginname"&&&&value="${obj.userLoginname}"&size="30"&/>企业名称：<input&name=unitName&type="text"&class="button"&id="unitName"&&&&value="${obj.mc}"&size="20"&/>企业地址：<input&name=unitName&type="text"&class="button"&id="unitName"&&&&value="${obj.addr}"&size="20"&/><br&/><input&type="button"&value="选择"&onclick="selectOk()"&/><a&href="#"&&&&onclick="openEditWin2('bbf6faa3a6fc1e',myCallBack)">[详细]</a>&&&&<input&type="button"&value="关闭"&onclick="closeWin();"&/><div&id="winName"></div><script>&&&&$("#winName").html(window.name);&&&&function&myCallBack(obj)&{&&&&&&&&$('#userLoginname').val(obj);&&&&}&&&&function&openEditWin2(id,&callback)&{&&&&&&&&openWin("查看详情",&"view?id="&+&id,&600,&300,&callback);&&&&}&&&&function&selectOk()&{&&&&&&&&closeWin($('#userLoginname').val());&&&&}</script><%@&include&file="../include/bottom.jsp"%>一个页面，自己弹自己哈，有点乱，呵呵。弹窗时，调用openWin方法，传一个回调方法的名字进来。子窗口关闭时，调用closeWin方法，把要传的值扔进来即可。然后父窗口的回调方法就执行了，随便操作父窗口吧。这样，子窗口就独立了，无需知道父窗口的结构。官方的例子写得真烂~~~======================================注意，新版的已经变写法了：&&&&top.layer.open({&&&&&&&&type:&2,&&&&&&&&title:&'发票作废',&&&&&&&&maxmin:&true,&&&&&&&&shadeClose:&false,&//点击遮罩关闭层&&&&&&&&area&:&['1000px'&,&'600px'],&&&&&&&&content:&ctx&+&'/invoiceHandel/add?flag=putong'&&&&});最后是content接一个url，以前是iframe..
评论 COMMENTS
19:25:57结果
CopyRight & 心缘地方 . All Rights Reserved：转载时请以超链接形式标明文章原始出处和作者信息及本声明
问：但是在开发工具escplise中用Mozilla Preview打开可以显示里面效果 zlingbd在 15:58回答：修改一下IE
的安全级别试试看 獵戶座在 16:06回答：你确定方法没有错误？真的兼容IE？ hanshuihu在 16:08回答：有些代码火狐跟IE是不兼容的 有的IE能用 有的只有火狐才能识别 keiu在 16:34回答：你应该直接把&script&&/script&也贴出来 这样才能知道那里错了 或者在ie里面不兼容还有你可以装个火狐浏览器试试看 预览不准的 dyyweb在 17:49回答：1重新检查下脚本2设置ie兼容性3降低id安全级别
历史上的今天：
引用地址：
访问统计：JSP页面中&% %&内的java对象如何才能拿到js中用?
[问题点数：20分，结帖人shijing266]
JSP页面中&% %&内的java对象如何才能拿到js中用?
[问题点数：20分，结帖人shijing266]
不显示删除回复
显示所有回复
显示星级回复
显示得分回复
只显示楼主
匿名用户不能发表回复！|
每天回帖即可获得10分可用分！小技巧：
你还可以输入10000个字符
(Ctrl+Enter)
请遵守CSDN，不得违反国家法律法规。
转载文章请注明出自“CSDN（www.csdn.net）”。如是商业用途请联系原作者。在jsp页面中，很多页面有公共页面时，一般是&jsp:include/&包含页面，我想知道在html中怎样包含页面？_百度知道
在jsp页面中，很多页面有公共页面时，一般是&jsp:include/&包含页面，我想知道在html中怎样包含页面？
，根本就不管用，只有div，说用&lt，我试了.。还有说用iframe的！./component&#47，没反应，很不方便!--#include file=&quot！.html&quot，一般是&。包含不进来;包含页面;这种方式，现在改成html，不知道谁有好的html包含方法！？一般公共页面中，这东西太难用了;&gt:include/--&gt在jsp页面中。在网上查了一下。因为我是先已经写成了jsp了，很多页面有公共部分时;head，我想知道在html中怎样包含页面
提问者采纳
种办法，一种是用js包含，另外一种就是iframe，相对来时js太复杂，后者是最快捷的
我需要的就是把被包含页面的内容
放到主页面中高度长度什么的都是通过原来的css控制的 就如&jsp:include/&但是iframe怎么还要控制长度 高度
偏移等东西 ，好像很繁琐
没办法，其实也不难整的，iframe控制都有相应的属性去控制的，很简单的，不要想得太难了，像你说的这种&jsp:include/&的话只能在java里面把你调用的东西指定为某个标签就能这样调用了
提问者评价
其他类似问题
为您推荐：
其他1条回答
html&quot.&--&&;;head.&#47，还是使用JSP的&lt:include/component&#47。JAVA开发;不是所有的WEB SERVER 都支持的，要支持DHTML的才可以;jsp!--#include file=&quot
我本来是&jsp:include/& 现在改成静态html
你这不是白说了么
怎么这样的呢。都说要支持dhtml的才可以，像apache的httpd
include的相关知识
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁jsp页面中使用iframe几个问题总结 - 推酷
jsp页面中使用iframe几个问题总结
最近做项目，jsp的，我做前台的输出，因为不常用jsp做界面美化，更不常用iframe控制页面。这回可算遇到不少问题了，首先，在iframe内部使用link获取css和jsp整个文档中获取获取js脚本都有问题，其次就是，遇到了ff的onclick未定义情况。这里不再赘述，相信大家都遇到过了吧，可恶的网络，卡的要命。刚刚写了近一千字的内容，居然没有保存，发布后只有两个字，杯具啊！平时几分钟保存一次草稿，这次居然没有自动保存，果断不写了。直接给出我网上搜集的解决方法。
首先就是link问题，这里我还没有找到问题根源，直接jsp include动态写页内了。
然后就是ff的onclick事件。找了以下解决方案。
firefox没有这个事件，需要自己处理一下，代码如下：
function doClick(obj) {
if (document.all) {//如果支持的话，是ie下，默认有这个事件，
obj.click();
} else { //否则就自己添加一个
var evt = document.createEvent(“MouseEvents”);
evt.initEvent(“click”, true, true);
obj.dispatchEvent(evt);
调用 方法 ： doClick(控件);
void initEvent(String eventTypeArg,boolean canBubbleArg,boolean cancelableArg)
initEvent 方法用于初始化通过 DocumentEvent 接口创建的 Event 的值。此方法只能在通过 dispatchEvent 方法指派 Event 之前调用，尽管在该阶段可以多次调用它（如有必要）。如果被多次调用，则最后一次调用优先。如果从 Event 接口的子类调用，则只修改在 initEvent 方法中指定的值，所有其他属性保持不变。
eventTypeArg – 指定事件类型。此类型可以是当前在此规范中定义的任何事件类型，或是一个新的事件类型。该字符串必须是 XML 名称。任何新的事件类型一定不能以字符串 “DOM” 的大写、小写或混合大小写版本开头。此前缀是为以后的 DOM 事件集保留的。还强烈推荐添加自己的事件的第三方使用自己的前缀以避免混淆，降低与其他新的事件发生冲突的可能性。
canBubbleArg – 指定该事件是否可以 bubble。
cancelableArg – 指定是否可以阻止事件的默认操作。
其次就是iframe刷新问题，ie6下不会自动刷新。网上好的方法，会一两种即可。
&iframe id=”ifrmid” src=”http://” width=”100%” height=”500″&
js刷新iframe
&script type=”text/javascript” language=”javascript”&// &![CDATA[
// & ![CDATA[ one=function() { ifrmid.window.location.reload() } setTimeout(&one()&,60000)
// ]]&&/script&
’5秒钟自动刷新
1、&script type=”text/javascript”&// & ![CDATA[ window.location.reload(true); // ]]&
如果是你要刷新某一个iframe就把window给换成frame的名字或ID号
2、&script type=”text/javascript”&// & ![CDATA[ window.navigate(&本页面url&); // ]]&
3、function abc()
window.location.href=”/blog/window.location.href”;
setTimeout(“abc()”,10000);
刷新本页：
Response.Write(“&script type=”text/javascript”&// &![CDATA[
// & ![CDATA[ window.location.href=window.location.
// ]]&&/script&”)
刷新父页：
Response.Write(“&script type=”text/javascript”&// &![CDATA[
// & ![CDATA[ opener.location.href=opener.location.
// ]]&&/script&”)
转到指定页:
Response.Write(“&script type=”text/javascript”&// &![CDATA[
// & ![CDATA[ window.location.href='yourpage.aspx';
// ]]&&/script&”)
刷新页面实现方式总结(HTML,ASP,JS)
‘by aloxy
定时刷新：
1，&script type=”text/javascript”&// &![CDATA[
// & ![CDATA[ setTimeout(&location.href='url'&,2000)
// ]]&&/script&
说明：url是要刷新的页面URL地址
2000是等待时间=2秒，
n is the number of seconds to wait before loading the specified URL.
url is an absolute URL to be loaded.
n,是等待的时间，以秒为单位
url是要刷新的页面URL地址
3，&!–sponse.redirect ur–&
说明：一般用一个url参数或者表单传值判断是否发生某个操作，然后利用response.redirect 刷新。
4，刷新框架页
〈script language=javascript&top.leftFrm.location.reload();parent.frmTop.location.reload(); 弹出窗体后再刷新的问题
Response.Write(“&script type=”text/javascript”&// &![CDATA[
// & ![CDATA[ window.showModalDialog('../OA/SPCL.aspx',window,'dialogHeight: 300 dialogWidth: 427 dialogTop: 200 dialogLeft: 133px')
// ]]&&/script&”);//open
Response.Write(“&script type=”text/javascript”&// &![CDATA[
// & ![CDATA[ document.location=document.
// ]]&&/script&”);
在子窗体页面代码head中加入
刷新的内容加在 if (!IsPostBack) 中
在框架页中右面刷新左面
//刷新框架页左半部分
Response.Write(“&script type=”text/javascript”&// &![CDATA[
// & ![CDATA[ &); Response.Write(&parent.left.location.href='PayDetailManage_Left.aspx'&); Response.Write(&
// ]]&&/script&”);
页面定时刷新功能实现
有三种方法：
1，在html中设置：
之後加入下面这一行即可！
定时刷新：
10代表刷新间隔,单位为秒
&!–esponse.setHeader(“refresh”,”1″);–&
每一秒刷新一次
3.使用javascript:
&script type=”text/javascript”&// &![CDATA[
// & ![CDATA[ setTimeout(&self.location.reload();&,1000);
// ]]&&/script&&script type=”text/javascript”&// &![CDATA[
// & ![CDATA[ 一秒一次 页面自动跳转：
// ]]&&/script&&script type=”text/javascript”&// &![CDATA[
// & ![CDATA[ window.location.href=&mian.aspx&; history.go(0);//window.close(); //关闭浏览器此页的窗口
// ]]&&/script&
先来看一个简单的例子：
下面以三个页面分别命名为frame.html、top.html、bottom.html为例来具体说明如何做。
frame.html 由上(top.html)下(bottom.html)两个页面组成，代码如下：
& !DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.0 Transitional//EN”&
现在假设top.html (即上面的页面) 有七个button来实现对bottom.html (即下面的页面) 的刷新，可以用以下七种语句，哪个好用自己看着办了。
语句1. window.parent.frames[1].location.reload();
语句2. window.parent.frames.bottom.location.reload();
语句3. window.parent.frames[&bottom&].location.reload();
语句4. window.parent.frames.item(1).location.reload();
语句5. window.parent.frames.item(‘bottom’).location.reload();
语句6. window.parent.bottom.location.reload();
语句7. window.parent['bottom'].location.reload();
top.html 页面的代码如下：
& !DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.0 Transitional//EN”&
&input onclick=”window.parent.frames[1].location.reload()” type=”button” value=”刷新1″ /&
&input onclick=”window.parent.frames.bottom.location.reload()” type=”button” value=”刷新2″ /&
&input onclick=”window.parent.frames['bottom'].location.reload()” type=”button” value=”刷新3″ /&
&input onclick=”window.parent.frames.item(1).location.reload()” type=”button” value=”刷新4″ /&
&input onclick=”window.parent.frames.item(‘bottom’).location.reload()” type=”button” value=”刷新5″ /&
&input onclick=”window.parent.bottom.location.reload()” type=”button” value=”刷新6″ /&
&input onclick=”window.parent['bottom'].location.reload()” type=”button” value=”刷新7″ /&
下面是bottom.html页面源代码，为了证明下方页面的确被刷新了，在装载完页面弹出一个对话框。
bottom.html 页面的代码如下：
& !DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.0 Transitional//EN”&
bottom.html
&h1&This is the content in bottom.html.&/h1&
解释一下：
1.window指代的是当前页面，例如对于此例它指的是top.html页面。
2.parent指的是当前页面的父页面，也就是包含它的框架页面。例如对于此例它指的是framedemo.html。
3.frames是window对象，是一个数组。代表着该框架内所有子页面。
4.item是方法。返回数组里面的元素。
5.如果子页面也是个框架页面，里面还是其它的子页面，那么上面的有些方法可能不行。
Javascript刷新页面的几种方法：
1 history.go(0)
2 location.reload()
3 location=location
4 location.assign(location)
5 document.execCommand(‘Refresh’)
6 window.navigate(location)
7 location.replace(location)
8 document.URL=location.href
自动刷新页面的方法:
1.页面自动刷新：把如下代码加入区域中
其中20指每隔20秒刷新一次页面.
2.页面自动跳转：把如下代码加入区域中
其中20指隔20秒后跳转到页面
3.页面自动刷新js版
&script type=”text/javascript” language=”JavaScript”&// &![CDATA[
// & ![CDATA[ function myrefresh() { window.location.reload(); } setTimeout('myrefresh()',1000); //指定1秒刷新一次
// ]]&&/script&
ASP.NET如何输出刷新父窗口脚本语句
1. this.response.write(“&script type=”text/javascript”&// &![CDATA[
// & ![CDATA[ opener.location.reload();
// ]]&&/script&”);
2. this.response.write(“&script type=”text/javascript”&// &![CDATA[
// & ![CDATA[ opener.window.location.href = opener.window.location.
// ]]&&/script&”); 3. Response.Write(“&script type=”text/javascript” language=”javascript”&// &![CDATA[
// & ![CDATA[ opener.window.navigate(''你要刷新的页.asp'');
// ]]&&/script&”)
JS刷新框架的脚本语句
//如何刷新包含该框架的页面用
&script type=”text/javascript” language=”JavaScript”&// &![CDATA[
// & ![CDATA[ parent.location.reload();
// ]]&&/script&
//子窗口刷新父窗口
&script type=”text/javascript” language=”JavaScript”&// &![CDATA[
// & ![CDATA[ self.opener.location.reload();
// ]]&&/script&
( 或 &a href=”javascript:opener.location.reload()”&刷新&/a& )
//如何刷新另一个框架的页面用
&script type=”text/javascript” language=”JavaScript”&// &![CDATA[
// & ![CDATA[ parent.另一FrameID.location.reload();
// ]]&&/script&
如果想关闭窗口时刷新或者想开窗时刷新的话，在中调用以下语句即可。
开窗时刷新
关闭时刷新
&script type=”text/javascript” language=”javascript”&// &![CDATA[
// & ![CDATA[ window.opener.document.location.reload()
// ]]&&/script&
杂记一篇，到此为止。
已发表评论数()
请填写推刊名
描述不能大于100个字符!
权限设置： 公开
仅自己可见
正文不准确
标题不准确
排版有问题
主题不准确
没有分页内容
图片无法显示
视频无法显示
与原文不一致