画像のプリロードについては言及していません。JQueryを使用してHTMLページをプリロードしたいと思います。
6 に答える
コンテンツをAjaxしてから、必要に応じて使用します。
var myPrefetchedPage;
$.ajax({
url: "test.html",
cache: false,
success: function(html){
myPrefetchedPage = html;
}
})
myPrefetchedPageが完全なコンテンツになり、現在のページに挿入できます(必要に応じてページを完全に置き換えます)。
キャッシュを可能な限り活用しようとしている場合は、非表示のiFrameの方がうまくいく可能性があります。次に、jQueryを使用してiframe srcを循環させ、複数のページをフェッチできます。
表示されていないdivにすべてを配置し、ドキュメントの準備ができたら、divを表示します。これは実際には「プリロード」ではありませんが、すべてがロードされるまで何も表示されません。
なぜそうなのか!コンテンツ用のiframeを用意し、コンテンツを個別に取得してから、フレームを埋めるなどの操作を行うことができます。
本体にクラスを設定して非表示にし、onloadイベントでJavascriptを使用して削除します。
(しかし、なぜこれを実行したいのかは別の質問です。)
はい、 jQuery.getを介してページをロードし、表示する前に(文字列形式で)必要な処理を実行できます。非表示のコンテナに挿入する場合は、最初にDOMを使用して操作できます。
使用できるもの:ブラウザはアセットをダウンロードし、ページ全体をバックグラウンドでレンダリングします。ユーザーがその「あなたのページ」リンクをクリックすると、ページはほぼ瞬時に表示されます。