JSP网页全屏显示、退出全屏、关闭页面

来源：互联网发布：淘宝描述代码编辑：程序博客网时间：2024/06/06 03:35

全屏显示

--------------------------------------------------------------------------------------------------------------------------------------------------------------------

第一种：

在已经打开的一个普通网页上，点击“全屏显示”，然后进入该网页对应的全屏模式。方法为：在网页的<body>与</body>之间加入以下代码：

如果全屏显示的不是本页，则只需要把document.location换为对应的网址即可，即如下代码：

第二种：

在运行一个网页时，比如你在网址栏里直接输入：http://localhost:8080/temp.jsp，此时关闭该网页，同时显示一个空白的全屏网页，方法为：在body里写如下代码：

</body>

第三种：

其实就是以上两种的叠加，一般这种情况也用的比较多。就是直接打开一个网页的时候，就进入它的全屏模式，这种情况就和第一种不同了，因为第一种，当你点击了“全屏显示”按钮后，它是新打开一个全屏的网页，但是原来普通的那个网页仍然有，所以，这个就比较好一些。方法为：建立两个jsp文件，第一个里只运行如下代码，比如名字叫demo.jsp；第二个则是你实际要运行的内容，比如叫：temp.jsp：

demo.jsp:

</body>

temp.jsp:

<%@ page contentType="text/html;charset=GB2312" language="Java" %>

<html>

<body>

这里就是我的全屏内容，再看看原来我们在地址栏里输入的demo.jsp，是不是关闭了？OK，搞定！

</body>

</html>

退出全屏

--------------------------------------------------------------------------------------------------------------------------------------------------------------------

对于退出全屏，我上网也搜过很多资料，总体来说，都很难达到我们期望的目标，比如：我们可以加一个超链接 <a href="" target="_blank">在新窗口打开；也可以应用上面打开全屏的方法的逆方法来做。但是，无论怎么搞，最后从全屏往普通模式切换的时候，总是相当于重新打开一个窗口，这样，加入我们原来的全屏模式正在放电影，你如果切换一下成普通模式，就得重新加载，这肯定不行。但是，没办法，我现在就参看这篇帖子里的5楼的回复：http://topic.csdn.net/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="全屏"   onclick="goResize()">

关闭页面

--------------------------------------------------------------------------------------------------------------------------------------------------------------------

如果要关闭页面，那么只需要在页面中加上这么一个超链接即可：

JSP和HTML关闭页面的代码

第一种：JSP定时自动关闭窗口
<script language="javascript">

</script>

第二种：点击链接没有提示的JSP关闭窗口
<a href="javascript:self.close()" >关闭窗口</a>

第三种：窗口没有提示自动关闭的JSP代码
<script language=javascript>

</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();
}

1 0