ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScript 更新ページ location.reload() の使用法

JavaScript 更新ページ location.reload() の使用法

黄舟
リリース: 2017-11-16 14:02:45
オリジナル
4675 人が閲覧しました

私たちの日常業務では、JavaScriptの編集プロセス中に、JS関数を使用してページを更新する必要があることが多いため、今日はJavaScriptの更新ページの場所について学びます。 reload()の!

JavaScript プログラミングでは、ページを更新するために location.reload がよく使用されます。

例:

window.location.href=window.location.href; 
window.location.reload;
ログイン後にコピー

テスト後、これらの2つの文はlocation.reload(true);を置き換えることができます
場合によっては再試行ダイアログボックスを使用せずに更新効果を実現します

jsでページを更新する方法はたくさんあります。これは、必要な機能を実現できる js の location.reload() 関数です。
window.location.reload(true) //ブラウザはサーバーにリソースを再リクエストしますが、http リクエスト ヘッダーにはキャッシュ タグが含まれません。

例 1、現在のページを更新する

<script> 
window.location.reload(); 
</script>
ログイン後にコピー

例 2、iframe メソッドを更新する JS 実装
iframe の名前を使用する属性位置決め

<input type="button" name="Button" value="Button" onclick="document.frames(&#39;ifrmname&#39;).location.reload()"> 
或 
<input type="button" name="Button" value="Button" onclick="document.all.ifrmname.document.location.reload()">
ログイン後にコピー

例 3、最初に、iframe のコンテンツを定義する

<iframe method="post" id ="IFrameName" src="aa.htm" ></iframe>
ログイン後にコピー

aa.htm ページ:

<input type ="button" value ="刷新" onclick ="aa()"/> 
function aa() { (jquery中文网 www.jquerycn.cn 编辑整理)
//parent.location.replace(parent.location.href);//服务器端重新创建页面 
parent.document.location.reload();//相当于F5 
//window.location.href(parent.location.href);//iframe内容重定向 
}
ログイン後にコピー

注:
window.location.reload;
更新中にデータを送信すると、ダイアログ ボックスが表示されます。

解決策:

window.location.href=window.location.href; 
window.location.reload;
ログイン後にコピー

親ウィンドウを更新します:

window.opener.location.href=window.opener.location.href; 
window.opener.location.reload();
ログイン後にコピー

概要:

この記事では、JS 更新ページ location.reload() の使用法を友人がより直感的に理解できるように例を説明します。あなたの仕事のために!

関連する推奨事項:

js ページ更新メソッドのコレクション

JS 更新ページの合計!さまざまな JS ページ更新コード!

JS ページを更新するいくつかの方法

以上がJavaScript 更新ページ location.reload() の使用法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート