JavaScript頁面刷新與彈出窗口問題的解決方法
更新時(shí)間：2010年03月02日 23:15:17 作者：
解決JavaScript頁面刷新與彈出窗口問題
一、無提示刷新網(wǎng)頁
大家有沒有發(fā)現(xiàn)，有些網(wǎng)頁，刷新的時(shí)候，會(huì)彈出一個(gè)提示窗口，點(diǎn)“確定”才會(huì)刷新。而有的頁面不會(huì)提示，不彈出提示窗口，直接就刷新了. 如果頁面沒有form，則不會(huì)彈出提示窗口。
如果頁面有form表單，
a)< form method="post" ...> 會(huì)彈出提示窗口
b)< form method="get" ...> 不會(huì)彈出
二、javascript刷新頁面的方法
window.location.reload();
使用window.open()彈出的彈出窗口，刷新父窗口
window.opener.location.reload()
使用window.showDialog彈出的模式窗口
window.dialogArguments.location.reload();
三.javascript彈出窗口代碼
下面給兩個(gè)彈出屏幕居中窗口的例子
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"
);
}
注意這里的第二個(gè)參數(shù)，window
四、模式窗口中，鏈接彈出新窗口問題
在< /head >和< body >間加入< base target="_self" >
五、無提示關(guān)閉頁面的方法
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()
}
}
大家有沒有發(fā)現(xiàn)，有些網(wǎng)頁，刷新的時(shí)候，會(huì)彈出一個(gè)提示窗口，點(diǎn)“確定”才會(huì)刷新。而有的頁面不會(huì)提示，不彈出提示窗口，直接就刷新了. 如果頁面沒有form，則不會(huì)彈出提示窗口。
如果頁面有form表單，
a)< form method="post" ...> 會(huì)彈出提示窗口
b)< form method="get" ...> 不會(huì)彈出
二、javascript刷新頁面的方法
window.location.reload();
使用window.open()彈出的彈出窗口，刷新父窗口
window.opener.location.reload()
使用window.showDialog彈出的模式窗口
window.dialogArguments.location.reload();
三.javascript彈出窗口代碼
下面給兩個(gè)彈出屏幕居中窗口的例子
復(fù)制代碼 代碼如下:
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"
);
}
注意這里的第二個(gè)參數(shù)，window
四、模式窗口中，鏈接彈出新窗口問題
在< /head >和< body >間加入< base target="_self" >
五、無提示關(guān)閉頁面的方法
復(fù)制代碼 代碼如下:
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如何實(shí)現(xiàn)在彈出窗口中加載頁面
- 禁止iframe頁面的所有js腳本如alert及彈出窗口等
- js實(shí)現(xiàn)彈出窗口、頁面變成灰色并不可操作的例子分享
- js右下角彈出窗口,點(diǎn)擊可關(guān)閉效果
- js實(shí)現(xiàn)右下角窗口彈出窗口效果
- JS封裝的模仿qq右下角消息彈窗功能示例
- 純js的右下角彈窗實(shí)例
- JS實(shí)現(xiàn)簡單的右下角彈出提示窗口完整實(shí)例
- JS非Alert實(shí)現(xiàn)網(wǎng)頁右下角“未讀信息”效果彈窗
- js實(shí)現(xiàn)仿MSN帶關(guān)閉功能的右下角彈窗代碼
- javascript實(shí)現(xiàn)的右下角彈窗實(shí)例
- js 右下角彈窗效果代碼(IE only)
- javascript實(shí)現(xiàn)簡約的頁面右下角點(diǎn)擊彈出窗口示例【測試可用】
相關(guān)文章
js中innerText/textContent和innerHTML與target和currentTarget的區(qū)別
今天小編就為大家分享一篇關(guān)于js中innerText/textContent和innerHTML與target和currentTarget的區(qū)別，小編覺得內(nèi)容挺不錯(cuò)的，現(xiàn)在分享給大家，具有很好的參考價(jià)值，需要的朋友一起跟隨小編來看看吧2019-01-01
lazyload.js用于長頁面圖片的延遲加載，視口外的圖片會(huì)在窗口滾動(dòng)到它的位置時(shí)再進(jìn)行加載，這是與預(yù)加載相反的，這篇文章主要介紹了lazyload.js詳解,需要的朋友可以參考下2022-09-09
增加了對同一ID內(nèi)的多個(gè)子容器中的tag(標(biāo)簽)分別做隔行處理。div+css布局下，也可以控制了2008-05-05
這篇文章主要介紹了詳解webpack解惑：require的五種用法,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-06-06
使用JavaScript實(shí)現(xiàn)一個(gè)拖拽縮放效果
這篇文章主要介紹了如何使用JS實(shí)現(xiàn)一個(gè)這樣的拖拽縮放效果,本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2022-05-05
JS+CSS實(shí)現(xiàn)的日本門戶網(wǎng)站經(jīng)典選項(xiàng)卡導(dǎo)航效果
這篇文章主要介紹了JS+CSS實(shí)現(xiàn)的日本門戶網(wǎng)站經(jīng)典選項(xiàng)卡導(dǎo)航效果,涉及JavaScript針對頁面元素的動(dòng)態(tài)遍歷及樣式動(dòng)態(tài)修改技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-09-09
本文主要介紹了js實(shí)現(xiàn)旋轉(zhuǎn)木馬效果的實(shí)例。具有很好的參考價(jià)值。下面跟著小編一起來看下吧2017-03-03
原生JS+HTML5實(shí)現(xiàn)的可調(diào)節(jié)寫字板功能示例
這篇文章主要介紹了原生JS+HTML5實(shí)現(xiàn)的可調(diào)節(jié)寫字板功能,涉及javascript結(jié)合HTML5屬性動(dòng)態(tài)操作頁面元素實(shí)現(xiàn)繪圖功能相關(guān)技巧,需要的朋友可以參考下2018-08-08
本文給大家分享的是個(gè)人總結(jié)的10條非常常用的原生javascript的小技巧，都是平時(shí)項(xiàng)目中用到的，這里總結(jié)記錄下來，有需要的小伙伴可以參考下。2015-04-04
Javascript實(shí)現(xiàn)一個(gè)簡單的輸入關(guān)鍵字添加標(biāo)簽效果實(shí)例
這篇文章主要給大家介紹了利用Javascript實(shí)現(xiàn)一個(gè)簡單的輸入關(guān)鍵字添加標(biāo)簽效果的相關(guān)資料，類似動(dòng)態(tài)添加標(biāo)簽的效果，文中介紹的非常詳細(xì)，對大家具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友可以參考借鑒，下面來一起看看吧。2017-06-06