ホームページ >ウェブフロントエンド >jsチュートリアル >ブラウザのjquery更新ページのサイズ
JavaScriptを使用して、ブラウザのサイズ変更されたページの基本コードスニペットを更新します。
<code class="language-javascript">// 浏览器大小调整时刷新页面 $(window).bind('resize', function(e) { console.log('窗口大小已调整..'); this.location.reload(false); /* false 从缓存获取页面 */ /* true 从服务器获取页面 */ });</code>
<code class="language-javascript">// 浏览器大小调整时刷新页面 $(window).bind('resize', function(e) { if (window.RT) clearTimeout(window.RT); window.RT = setTimeout(function() { this.location.reload(false); /* false 从缓存获取页面 */ }, 200); });</code>
このコードでは、ブラウザウィンドウがサイズ変更されたときに発射するイベントです。 $(window).resize()
関数は、ページを更新するために使用されます。
<code class="language-javascript">$(window).resize(function() { location.reload(); });</code>
jQueryの役割は何ですか? $(window).resize()
location.reload()
jQueryの
location.reload()
location.reload()
はい、jqueryを使用せずにページを更新できます。 JavaScriptは、ページを更新するネイティブの方法、つまりlocation.reload()
を提供します。このメソッドは、jQueryの
このコード行が実行されると、現在のページが更新されます。 window.location.reload()
location.reload()
特定の時間間隔の後にjqueryを使用してページを自動的に更新する方法は?
<code class="language-javascript">window.location.reload();</code>特定の時間間隔の後にページを自動的に更新するには、
関数を使用して
関数を使用できます。例は次のとおりです。関数は5000ミリ秒(または5秒)待機し、setTimeout()
location.reload()
jQueryのみを使用してページの一部を更新する方法はありますか?
<code class="language-javascript">setTimeout(function(){ location.reload(); }, 5000);</code>はい、jqueryを使用してページの一部のみを更新できます。これは通常、Ajax(非同期JavaScriptとXML)を使用して行われます。 Ajaxを使用すると、ページ全体をリロードせずにWebページの一部を更新できます。基本的な例は次のとおりです
このコードでは、「demo_test.txt」ファイルから「div1」要素にデータをロードするためにsetTimeout()
関数が使用されます。 location.reload()
jqueryを使用してページの更新を防ぐには、event.preventDefault()
メソッドを使用できます。この方法は、イベントのデフォルト操作が発生するのを防ぎます。たとえば、ページを更新するフォーム送信イベントがある場合、次のように発生するのを防ぐことができます。
<code class="language-javascript">// 浏览器大小调整时刷新页面 $(window).bind('resize', function(e) { console.log('窗口大小已调整..'); this.location.reload(false); /* false 从缓存获取页面 */ /* true 从服务器获取页面 */ });</code>
jQueryを使用してボタンをクリックしたときにページを更新できますか? event.preventDefault()
このコードでは、ID「mybutton」があるボタンがクリックされると、ページが更新されます。 location.reload()
<code class="language-javascript">// 浏览器大小调整时刷新页面 $(window).bind('resize', function(e) { if (window.RT) clearTimeout(window.RT); window.RT = setTimeout(function() { this.location.reload(false); /* false 从缓存获取页面 */ }, 200); });</code>
jQueryを使用してキャッシュを使用せずにページを更新するには、
関数を使用できます。
location.reload(true)
reload()
このコード行を実行すると、現在のページはキャッシュではなくサーバーから更新されます。 true
<code class="language-javascript">$(window).resize(function() { location.reload(); });</code>
はい、jqueryを使用して、特定のイベントが発生したときにページを更新できます。 jQueryは、
、、click()
、dblclick()
、keydown()
、keyup()
、mousedown()
、mouseup()
などのさまざまなイベント方法を提供します。 。これらのイベントを任意のHTML要素に添付してから、これらのイベントが発生したときにhover()
関数でページを更新できます。 scroll()
location.reload()
特定の時間間隔内でjQueryを使用してページを更新する方法は?
setInterval()
このコードでは、30,000ミリ秒(または30秒)ごとに
<code class="language-javascript">window.location.reload();</code>
以上がブラウザのjquery更新ページのサイズの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。