【转】JSP网页全屏显示、退出全屏、关闭页面
jsp相关知识 -06-07 20:36:42 阅读108 评论0 字号:大中小订阅
全屏显示
--------------------------------------------------------------------------------------------------------------------------------------------------------------------
第一种:
在已经打开的一个普通网页上,点击“全屏显示”,然后进入该网页对应的全屏模式。方法为:在网页的<body>与</body>之间加入以下代码:
<form>
<input type="BUTTON" name="FullScreen" value="全屏显示" onClick="window.open(document.location, 'big', 'fullscreen=yes')">
</form>
如果全屏显示的不是本页,则只需要把document.location换为对应的网址即可,即如下代码:
<form>
<input type=BUTTON name=FullScreen value=全屏显示 onClick="window.open('URL地址','big','fullscreen=yes')">
</form>
第二种:
在运行一个网页时,比如你在网址栏里直接输入:http://localhost:8080/temp.jsp,此时关闭该网页,同时显示一个空白的全屏网页,方法为:在body里写如下代码:
<body οnlοad=window.open('','',fullscreen=1);opener=null;window.close()>
</body>
第三种:
其实就是以上两种的叠加,一般这种情况也用的比较多。就是直接打开一个网页的时候,就进入它的全屏模式,这种情况就和第一种不同了,因为第一种,当你点击了“全屏显示”按钮后,它是新打开一个全屏的网页,但是原来普通的那个网页仍然有,所以,这个就比较好一些。方法为:建立两个jsp文件,第一个里只运行如下代码,比如名字叫demo.jsp;第二个则是你实际要运行的内容,比如叫:temp.jsp:
demo.jsp:
<body οnlοad="window.open('temp.jsp','_blank','fullscreen=1');opener=null;window.close()">
</body>
temp.jsp:
<%@ page contentType="text/html;charset=GB2312" language="java" %>
<html>
<body>
这里就是我的全屏内容,再看看原来我们在地址栏里输入的demo.jsp,是不是关闭了?OK,搞定!
</body>
</html>
退出全屏
--------------------------------------------------------------------------------------------------------------------------------------------------------------------
对于退出全屏,我上网也搜过很多资料,总体来说,都很难达到我们期望的目标,比如:我们可以加一个超链接 <a href="" target="_blank">在新窗口打开;也可以应用上面打开全屏的方法的逆方法来做。但是,无论怎么搞,最后从全屏往普通模式切换的时候,总是相当于重新打开一个窗口,这样,加入我们原来的全屏模式正在放电影,你如果切换一下成普通模式,就得重新加载,这肯定不行。但是,没办法,我现在就参看这篇帖子里的5楼的回复:/t/20021028/12/1130882.html,就这个方法,大致上还过的去,只不过,它这个方法不叫全屏,相当于是把窗口向上平移了一定得高度,我们仍然可以拖动窗口。代码如下:
<%@ page contentType="text/html;charset=GB2312" language="java" %>
<script language="JScript">
var o=1;
function goResize()
{
var d=document.body,e=event,m=event.srcElement;o?
new function(){moveBy(e.clientX-e.screenX,e.clientY- e.screenY);resizeBy(screen.availWidth-d.offsetWidth,screen.availHeight- d.offsetHeight);m.value="取消";o=0}:
new function(){moveTo(0,0);resizeTo(screen.availWidth,screen.availHeight);m.value="全屏";o=1}
}
</script>
<input type="button" value="全屏" οnclick="goResize()">
关闭页面
--------------------------------------------------------------------------------------------------------------------------------------------------------------------
如果要关闭页面,那么只需要在页面中加上这么一个超链接即可:
<a href="javascript:self.close()" >关闭窗口</a>
JSP和HTML关闭页面的代码
第一种:JSP定时自动关闭窗口
<script language="javascript">
<!--
function closewin(){
self.opener=null;
self.close();}
function clock(){i=i-1
document.title="本窗口将在"+i+"秒后自动关闭!";
if(i>0)setTimeout("clock();",1000);
else closewin();}
var i=10
clock();
//-->
</script>
第二种:点击链接没有提示的JSP关闭窗口
<a href="javascript:self.close()" >关闭窗口</a>
第三种:窗口没有提示自动关闭的JSP代码
<script language=javascript>
<!--
this.window.opener = null;
window.close();
//-->
</script>
第四种:ASP代码提交窗口之后提示信息并自动关闭窗口的jsp代码
response.write "<script language=javascript>alert('您的留言发送成功,我们看到后及时与您联系!');opener=null;window.close();</script>"
自动返回上一页的代码:
Response.Write("<script language=""JavaScript"">alert(""您的留言发送成功,我们看到后及时与您联系!"");history.go(-1);</script>")
IE6-7 JSP关闭窗口不提示的方法
方法一:
jsp 代码 济宁网站制作
function CloseWin() //这个不会提示是否关闭浏览器
{
window.opener=null;
//window.opener=top;
window.open("","_self");
window.close();
}
方法二:
open.html
jsp 代码
function open_complex_self() {
var obj_window = window.open('close.html', '_self');
obj_window.opener = window;
obj_window.focus();
}
close.html
jsp 代码
window.close();
另附:
//普通带提示关闭
function closeie(){
window.close();
}
//关闭IE6不提示
function closeie6(){
window.opener=null;
window.close();
}
//关闭IE7不提示
function closeie7(){
window.open('','_top');
window.top.close();
}
如果觉得《JSP网页全屏显示 退出全屏 关闭页面》对你有帮助,请点赞、收藏,并留下你的观点哦!