JavaScript頁面刷新與彈出窗口問題的解決方法

更新時間：2010年03月02日 23:15:17 作者：

解決JavaScript頁面刷新與彈出窗口問題

一、無提示刷新網(wǎng)頁
大家有沒有發(fā)現(xiàn)，有些網(wǎng)頁，刷新的時候，會彈出一個提示窗口，點“確定”才會刷新。而有的頁面不會提示，不彈出提示窗口，直接就刷新了. 如果頁面沒有form，則不會彈出提示窗口。
如果頁面有form表單，
　　a)< form method="post" ...> 會彈出提示窗口
　　b)< form method="get" ...> 不會彈出
二、javascript刷新頁面的方法
window.location.reload();
使用window.open()彈出的彈出窗口，刷新父窗口
window.opener.location.reload()
使用window.showDialog彈出的模式窗口
window.dialogArguments.location.reload();
三.javascript彈出窗口代碼
下面給兩個彈出屏幕居中窗口的例子

復制代碼代碼如下:

 
window.open()方式 
function ShowDialog(url) { 
var iWidth=300; //窗口寬度 
var iHeight=200;//窗口高度 
var iTop=(window.screen.height-iHeight)/2; 
var iLeft=(window.screen.width-iWidth)/2; 
window.open( 
url,"Detail","Scrollbars=no,Toolbar=no,Location=no,Direction=no,Resizeable=no, 
Width="+iWidth+" ,Height="+iHeight+",top="+iTop+",left="+iLeft 
); 
} 
window.showModalDialog方式 
function ShowDialog(url) { 
var iWidth=300; //窗口寬度 
var iHeight=200;//窗口高度 
var iTop=(window.screen.height-iHeight)/2; 
var iLeft=(window.screen.width-iWidth)/2; 
window.showModalDialog( 
url,window,"dialogHeight: "+iHeight+"px;dialogWidth: "+iWidth+"px; 
dialogTop: "+iTop+"; dialogLeft: "+iLeft+"; resizable: no; status: no;scroll:no" 
); 
} 

注意這里的第二個參數(shù)，window
四、模式窗口中，鏈接彈出新窗口問題
在< /head >和< body >間加入< base target="_self" >
五、無提示關閉頁面的方法

復制代碼代碼如下:

 
function CloseWin(){ 
var ua = navigator.userAgent; var ie = navigator.appName== 
"Microsoft Internet Explorer"?true:false; 
if(ie){ 
var IEversion = parseFloat(ua.substring(ua.indexOf("MSIE ")+5, 
ua.indexOf(";",ua.indexOf("MSIE ")))); 
if( IEversion< 5.5){ 
var str = ; 
document.body.insertAdjacentHTML("beforeEnd", str); 
document.all.noTipClose.Click(); 
} else { 
window.opener =null; window.close(); 
} 
}else{ 
window.close() 
} 
} 

您可能感興趣的文章:

js中innerText/textContent和innerHTML與target和currentTarget的區(qū)別
今天小編就為大家分享一篇關于js中innerText/textContent和innerHTML與target和currentTarget的區(qū)別，小編覺得內(nèi)容挺不錯的，現(xiàn)在分享給大家，具有很好的參考價值，需要的朋友一起跟隨小編來看看吧
2019-01-01
lazyload.js詳解(推薦)
lazyload.js用于長頁面圖片的延遲加載，視口外的圖片會在窗口滾動到它的位置時再進行加載，這是與預加載相反的，這篇文章主要介紹了lazyload.js詳解,需要的朋友可以參考下
2022-09-09
li隔行換色效果代碼升級版
增加了對同一ID內(nèi)的多個子容器中的tag(標簽)分別做隔行處理。div+css布局下，也可以控制了
2008-05-05
詳解webpack解惑：require的五種用法
這篇文章主要介紹了詳解webpack解惑：require的五種用法,具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-06-06
使用JavaScript實現(xiàn)一個拖拽縮放效果
這篇文章主要介紹了如何使用JS實現(xiàn)一個這樣的拖拽縮放效果,本文通過實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下
2022-05-05
JS+CSS實現(xiàn)的日本門戶網(wǎng)站經(jīng)典選項卡導航效果
這篇文章主要介紹了JS+CSS實現(xiàn)的日本門戶網(wǎng)站經(jīng)典選項卡導航效果,涉及JavaScript針對頁面元素的動態(tài)遍歷及樣式動態(tài)修改技巧,具有一定參考借鑒價值,需要的朋友可以參考下
2015-09-09
js實現(xiàn)旋轉(zhuǎn)木馬效果
本文主要介紹了js實現(xiàn)旋轉(zhuǎn)木馬效果的實例。具有很好的參考價值。下面跟著小編一起來看下吧
2017-03-03
原生JS+HTML5實現(xiàn)的可調(diào)節(jié)寫字板功能示例
這篇文章主要介紹了原生JS+HTML5實現(xiàn)的可調(diào)節(jié)寫字板功能,涉及javascript結(jié)合HTML5屬性動態(tài)操作頁面元素實現(xiàn)繪圖功能相關技巧,需要的朋友可以參考下
2018-08-08
分享10個原生JavaScript技巧
本文給大家分享的是個人總結(jié)的10條非常常用的原生javascript的小技巧，都是平時項目中用到的，這里總結(jié)記錄下來，有需要的小伙伴可以參考下。
2015-04-04
Javascript實現(xiàn)一個簡單的輸入關鍵字添加標簽效果實例
這篇文章主要給大家介紹了利用Javascript實現(xiàn)一個簡單的輸入關鍵字添加標簽效果的相關資料，類似動態(tài)添加標簽的效果，文中介紹的非常詳細，對大家具有一定的參考學習價值，需要的朋友可以參考借鑒，下面來一起看看吧。
2017-06-06