コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > jsチュートリアル > flickering_javascript スキルなしで Web コンテンツを更新する JS 実装

flickering_javascript スキルなしで Web コンテンツを更新する JS 実装

WBOY
リリース： 2016-05-16 17:08:08
オリジナル
1394 人が閲覧しました

todoリスト

Web ページをちらつきなく更新することは大きな問題です。

ロードされた HTML 文字列 (ajax 経由で取得) をまだコードを実行する必要がある場合は、問題があるはずです。

このオブジェクトをホストするには、非表示の iframe を使用したいと考えています。これはちょっとした汚れ仕事のような気がします。

最終的な解決策は

コードをコピーします コードは次のとおりです:

var str2DOMElement = function( html) {
var Frame = document.createElement('iframe');
Frame.style.display = 'none';
document.body.appendChild(frame);
Frame.contentDocument.open();
Frame.contentDocument.write(html);
Frame.contentDocument.close();
var el = Frame.contentDocument.body.firstChild;
ドキュメント。 body.removeChild(frame);
return el;
}
var markup = '

ここにテキスト

';
var el = str2DOMElement(マークアップ);
関連ラベル：
无闪烁 更新网页内容
ソース：php.cn
前の記事：Json のシリアル化および逆シリアル化メソッド分析_jquery 次の記事：jsプラグインを使用してPDFファイルを開く（ブラウザPDFプラグイン共有）
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
return(); は 1 つのルートでは機能しませんが、ほぼ同じルートでは機能します 2 つのルートがあり、1 つは購読解除用、もう 1 つは復元用です。何かが欠けている場合を除き、どちらのルートも名前/機能/URL を除いて同じです。再開サブスクリプションをキャン...
から 2024-04-04 17:34:09
0
1
311
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート