javascript打開新窗口同時關閉舊窗口
更新時間：2009年01月16日 21:03:33 作者：
因業(yè)務需要，在網(wǎng)上查找這個問題的解決辦法，但是昏天黑地地搞了半天，找到的方法雖然可以實現(xiàn)功能，但是總是會跳出討厭的“關閉窗口”的提示框，郁悶。
其實這個問題和瀏覽器的版本息息相關，作為菜鳥的我，直到現(xiàn)在也沒有找到完美的解決辦法。沒辦法，因為業(yè)務必須要實現(xiàn)，所以只好用另一種方法去做了：
通過重定向URL實現(xiàn)打開新窗口的同時“關閉”舊窗口
test1.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> test1 </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<script type="text/javascript">
function toNewWindow() {
window.top.location.href="test2.html";
}
</script>
<BODY>
<input type="button" value="打開另一個頁面test2.html" onclick="toNewWindow()">
</BODY>
</HTML>
test2.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>test2.html</TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<BODY>
通過重寫URL，打開了要跳轉的頁面test2.html
</BODY>
</HTML>
附：頁面跳轉的各種方法
第一種：
<script language="javascript" type="text/javascript">
window.location.href="/login.jsp?backurl="+window.location.href;
</script>
第二種：
<script language="javascript">
alert("返回");
window.history.back(-1);
</script>
第三種：
<script language="javascript">
window.navigate("top.jsp");
</script>
第四種：
<script language="JavaScript">
self.location='top.htm';
</script>
第五種：
<script language="javascript">
alert("非法訪問！");
top.location='xx.jsp';
</script>
＝＝＝＝＝javascript中彈出選擇框跳轉到其他頁面＝＝＝＝＝
<script language="javascript">
<!--
function logout()...{
if (confirm("你確定要注銷身份嗎？是－選擇確定，否-選擇取消"))...{
window.location.href="/logout.asp?act=logout"
}
}
-->
</script>
＝＝＝＝＝javascript中彈出提示框跳轉到其他頁面＝＝＝＝＝
<script language="javascript">
<!--
function logout()...{
alert("你確定要注銷身份嗎？");
window.location.href="/logout.asp?act=logout"
}
-->
</script>
通過重定向URL實現(xiàn)打開新窗口的同時“關閉”舊窗口
test1.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> test1 </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<script type="text/javascript">
function toNewWindow() {
window.top.location.href="test2.html";
}
</script>
<BODY>
<input type="button" value="打開另一個頁面test2.html" onclick="toNewWindow()">
</BODY>
</HTML>
test2.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>test2.html</TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<BODY>
通過重寫URL，打開了要跳轉的頁面test2.html
</BODY>
</HTML>
附：頁面跳轉的各種方法
第一種：
<script language="javascript" type="text/javascript">
window.location.href="/login.jsp?backurl="+window.location.href;
</script>
第二種：
<script language="javascript">
alert("返回");
window.history.back(-1);
</script>
第三種：
<script language="javascript">
window.navigate("top.jsp");
</script>
第四種：
<script language="JavaScript">
self.location='top.htm';
</script>
第五種：
<script language="javascript">
alert("非法訪問！");
top.location='xx.jsp';
</script>
＝＝＝＝＝javascript中彈出選擇框跳轉到其他頁面＝＝＝＝＝
<script language="javascript">
<!--
function logout()...{
if (confirm("你確定要注銷身份嗎？是－選擇確定，否-選擇取消"))...{
window.location.href="/logout.asp?act=logout"
}
}
-->
</script>
＝＝＝＝＝javascript中彈出提示框跳轉到其他頁面＝＝＝＝＝
<script language="javascript">
<!--
function logout()...{
alert("你確定要注銷身份嗎？");
window.location.href="/logout.asp?act=logout"
}
-->
</script>
相關文章
JS實現(xiàn)自定義簡單網(wǎng)頁軟鍵盤效果代碼
這篇文章主要介紹了JS實現(xiàn)自定義簡單網(wǎng)頁軟鍵盤效果代碼,可實現(xiàn)簡單模擬鍵盤布局及響應鼠標點擊按下鍵盤按鍵功能,簡單實用,具有一定參考借鑒價值,需要的朋友可以參考下2015-11-11
uni-app開發(fā)微信小程序遇到的部分踩坑實戰(zhàn)
最近在用uni-app開發(fā)微信小程序,這里將開發(fā)中遇到的坑和問題記錄一下,所以下面這篇文章主要給大家介紹了關于uni-app開發(fā)微信小程序遇到的部分踩坑,需要的朋友可以參考下2023-02-02
本文給大家分享的是Js中字符串轉換成數(shù)組，數(shù)組轉換成字符串的函數(shù)，十分的簡單實用，有需要的小伙伴可以參考下。2015-05-05
這篇文章主要為大家介紹了ES6如何將?Set?轉化為數(shù)組的方法示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-02-02
uniapp開發(fā)APP之強制更新和熱更新的實現(xiàn)
使用uni-app開發(fā),可將代碼編譯到iOS、Android、微信小程序等多個平臺,升級時也需考慮多平臺同步升級,下面這篇文章主要給大家介紹了關于uniapp開發(fā)APP之強制更新和熱更新的相關資料,需要的朋友可以參考下2022-12-12
在程序設計中有很多實用的設計模式，而其中大部分語言的實現(xiàn)都是基于“類”。在程序設計中有很多實用的設計模式，而其中大部分語言的實現(xiàn)都是基于“類”。，本文將總結了JavaScript中常見的十五種設計模式，感興趣的朋友可以參考下2023-05-05
這篇文章主要介紹了JS實現(xiàn)頁面指定區(qū)域全屏閱讀功能,實現(xiàn)流程大概是需要在項目中安裝vueuse及需要用到的頁面中引入useFullScreen,本文給大家介紹的非常詳細,需要的朋友可以參考下2024-06-06![在JavaScript中獲取請求的URL參數(shù)[正則]](http://img.jbzj.com/images/xgimg/bcimg7.png)
在JavaScript中獲取請求的URL參數(shù)[正則]
在ASP.NET后臺代碼中，對于這樣的URL請求地址：http://www.abc.com?id=001,我們可以通過Request.QueryString["id"]的方法很容易的獲取到URL中請求的參數(shù)的值，但是要在前臺js代碼中獲取請求的參數(shù)的值，應該怎么做呢？2010-12-12
mvc 、bootstrap 結合分布式圖簡單實現(xiàn)分頁
這篇文章主要介紹了mvc 、bootstrap 結合分布式圖簡單實現(xiàn)分頁的相關資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2016-10-10
這篇文章主要介紹了js利用構造函數(shù)實現(xiàn)拖拽效果2015-12-12