2015年1月28日水曜日

「NEW」アイコンの表示...javascriptの非同期化

Webの高速化.......最近のWebのトレンドと言っていいのだろうか、javascriptの非同期化が常識となっているようです。

私が運営するサイト「ソザイガロー」も多数のjavascriptを使用しています。そこで更新したカテゴリに「UP」とか「UPDATE」をjavascriptで表示しているのです。

使用しているjavascript「一定期間New/Upマークを表示する」 by eWeb

ここで留意しておかないと行けないのは、「document.write」を使用しているjavascriptの非同期化が出来ないという事です。

私もいろいろと思考錯誤を繰り返しましたが、この問題を解決する答えを見いだしました。

それは、更新したリンクにマークを表示するjavascriptです。

(例)<a href="#">サンプル<script>newUp(2015,1,28,"up")</script></a>

これに「async」を加えます。

 (例)<a href="#">サンプル<script async>newUp(2015,1,28,"up")</script></a>

このスクリプト本体の非同期化は出来ませんが、子に相当する上記のスクリプトに一文を加えるだけで、少しはjavascriptの非同期化と同等の効果が得られます。

0 件のコメント:

コメントを投稿

フォロワー

当ブログの著作権はサイト管理者のヨシオカアツヒロに属します。ブログ内に掲載されているすべての文章や画像の無断転載、転用を禁止します。
Copyright (C) ATSUHIRO YOSHIOKA. All rights reserved.