ページ読み込み時に実行するjavascriptについてのTips | Tips Note
ページ読み込み時に実行するjavascriptは 指定方法がいくつも存在するため、 複雑になりやすく、度々エラーの原因になります。 【指定方法の種類】 ■onloadイベント ページ読み込み時に実行したい処理がある場合、 通常はjavascriptのonloadイベントを使用します。 BODY要素にonload属性を追加したり、 下記のようなjavascriptの指定を追加する方法がよく見られます。 window.onload = function(){ // ページ読み込み時に実行したい処理 } ■jQueryのreadyメソッド ライブラリとしてjQueryを使用している場合は、 readyメソッドを使用して、ページ読み込み時にjavascriptを実行することができます。 $(document).ready( function(){ // ページ読み込み時に実行したい処理 }); 【
ローディングをかっこ良くみせるJavaScriptライブラリ「PleaseWait.js」
twitter facebook hatena google pocket ページの読み込みが長いと離脱につながってしまうので、ローディング画像を見せることがあるかと思います。 そのローディング画像をかっこ良く見せられるJavaScriptライブラリPleaseWait | A Loading Page for your SPA by Pathgatherを紹介します。 sponsors 使用方法 PleaseWait | A Loading Page for your SPA by Pathgatherからファイル一式をダウンロード。 body内に下記を記述するだけで完成です。 <link href="please-wait.css" rel="stylesheet"> <script type="text/javascript" src="please-wait.js"></scrip
ローディングアイコンをオシャレに実装することができる「PleaseWait」 – bl6.jp
PleaseWaitはローディングアイコンをオシャレに見せることができるJavaScriptライブラリです。ローディング中、退屈しがちなユーザーにとって少しは気を紛らわせることができそうですね。 以下はPleaseWaitの実際のデモになります。 デモ デモでは縦長の連続したバーが伸縮するようなアニメーション付きのローディングアイコンが表示されます。アニメーションがあることで実際のローディング時間が短縮されるわけではありませんが、ちょっとした退屈しのぎにはよさそうですね。 ライブラリ自体はシンプルなので、手軽に実装できるのがいいと思います。使い方もこんな感じでロゴ画像、背景色、メッセージなんかを指定することができます。 <script type="text/javascript"> window.loading_screen = window.pleaseWait({ logo: "log
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
