JavaScript ページの更新とポップアップ ウィンドウの問題の解決策_JavaScript スキル

WBOY
リリース: 2016-05-16 18:33:43
オリジナル
1149 人が閲覧しました
1. プロンプトを表示せずに Web ページを更新します
一部の Web ページを更新すると、[OK] をクリックして更新を求めるプロンプト ウィンドウが表示されることに気づきましたか。一部のページはプロンプトを表示せず、プロンプト ウィンドウをポップアップ表示せずに直接更新します。ページにフォームがない場合は、プロンプト ウィンドウは表示されません。
ページ上にフォームがある場合、
a)< form method="post" ...> プロンプトウィンドウが表示されます
、b)< ..> いいえ
は表示されません。 2. JavaScript を使用してページを更新する方法
window.location.reload();
によって表示されるポップアップ ウィンドウを使用します。 window.open() で親ウィンドウを更新します
window .opener.location.reload()
window.showDialog を使用してモーダル ウィンドウをポップアップします
window.dialogArguments.location.reload(); >
Three.javascript ポップアップ ウィンドウ コード 以下は、画面中央に配置されたポップアップ ウィンドウの 2 つの例です

コードをコピーします コードは次のとおりです:
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,"詳細","スクロールバー = いいえ,ツールバー = いいえ,場所 = いいえ,方向 = いいえ,サイズ変更可能 = いいえ,
幅 = iWidth " ,高さ = iHeight ", top=" iTop ",left=" iLeft
);
}
window.showModalDialog Method
function ShowDialog(url) {
var iWidth=300; //ウィンドウ幅
var iHeight=200;//ウィンドウの高さ
var iTop=(window.screen.height-iHeight)/ 2;
var iLeft=(window.screen.width-iWidth)/2; showModalDialog(
url,window,"dialogHeight: " iHeight "px;dialogWidth: " iWidth "px;
dialogTop: " iTop "; DialogLeft: " iLeft "; サイズ変更可能: いいえ; ステータス: いいえ; スクロール: いいえ"
);
}


ここで 2 番目のパラメータに注目してください。 パラメータ、ウィンドウ
4. モーダル ウィンドウで、リンクにより新しいウィンドウの問題がポップアップ表示されます



の間に を追加します。 🎜>
コードをコピーします コードは次のとおりです: function CloseWin(){
var ua = navigator .userAgent; var ie = navigator.appName==
"Microsoft Internet Explorer"?true:false;
if(ie){
var IEversion = parseFloat(ua.indexOf("MSIE ") 5,
ua.indexOf(";",ua.indexOf("MSIE "))));
if(IEversionvar str = ;
document.body .insertAdjacentHTML("beforeEnd", str);
document.all.noTipClose.Click();
window.opener =null;
>}else{
window.close()
}
}

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!