jsp相關知識 2009-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 onload=window.open('','',fullscreen=1);opener=null;window.close()>
</body>
第三種：
其實就是以上兩種的疊加，一般這種情況也用的比較多。就是直接開啟一個網頁的時候，就進入它的全螢幕模式，這種情況就和第一種不同了，因為第一種，當你點擊了“全螢幕顯示”按鈕後，它是新開啟一個全屏的網頁，但是原來普通的那個網頁仍然有，所以，這個就比較好一些。方法為：建立兩個jsp檔案，第一個裡只運行如下代碼，比如名字叫demo.jsp；第二個則是你實際要啟動並執行內容，比如叫：temp.jsp：
demo.jsp:
<body onload="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樓的回複：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()">
關閉頁面
--------------------------------------------------------------------------------------------------------------------------------------------------------------------
如果要關閉頁面，那麼只需要在頁面中加上這麼一個超連結即可：
<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();
}
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
