株式会社オンズのブログ記事一覧
タグ "JavaScript" を含む投稿を表示中：68件
-
【JavaScript】画像の遅延読み込みを行うライブラリ［lazysizes.js］をオススメします ウェブサイトの表示速度を上げるために「画像の遅延表示」を導入することは非常に効果的です。 遅延表示に対応するJavaScriptは多数公開されており、このブログでも［Unveil Lazy Load］や［Layzr.js］などを紹介してきま... 【JavaScript】画像の遅延読み込みを行うライブラリ［lazysizes.js］をオススメします続きを読む →
-
-
-
【JavaScript】マウスホバー時のテキストカラーをカスタムデータ属性で指定する方法 カスタムデータ属性（この場合は「data-color」）で指定した値を、マウスホバー時のテキストカラーとして使う方法を紹介します。 現在のCSSの仕様では、要素の属性値を直接CSSのプロパティ値として使用することはできないので、JavaSc... 【JavaScript】マウスホバー時のテキストカラーをカスタムデータ属性で指定する方法続きを読む →
-
【JavaScript】変数名や関数名などで使えない予約語一覧 JavaScriptの変数名や関数名などで使えない予約語の一覧です。 ECMAScriptで定義されています。 await break case catch class const continue debugger default del... 【JavaScript】変数名や関数名などで使えない予約語一覧続きを読む →
-
-
-
JavaScriptが無効になっているとき限定のCSSを適用する方法 何らかの理由でJavaScriptが無効化されている環境でウェブページを表示させるとき、JavaScriptが無効になっているとき限定のCSSを読み込む方法を紹介します。 JavaScriptを利用する方法 先に仕組みをすると、あらかじめH... JavaScriptが無効になっているとき限定のCSSを適用する方法続きを読む →
-
-
-
【JavaScript】ラジオボタンのチェックをすべて外す方法 ラジオボタンは通常、何も選択されていない状態ですが、一度どれかを選択してチェックマークをつけると「何も選択していない状態」には戻れないんですよね。 そこでJavaScriptを使って「どのラジオボタンにもチェックが入っていない状態」に戻す機... 【JavaScript】ラジオボタンのチェックをすべて外す方法続きを読む →
-
【JavaScript】非推奨の「document.write()」の代替方法 これ。 つい先日まで知らなかったんですが。 JavaScriptの「document.write()」を使うのは現在はNGとされているようですね。 W3CではHTML5でのdocument.write()の使用を非推奨としています。 またG... 【JavaScript】非推奨の「document.write()」の代替方法続きを読む →
-
【jQuery】右クリックを禁止する方法 ウェブサイトで右クリックを禁止して、コンテキストメニューを表示させなくする方法を紹介します。 ウェブサイト全体で右クリックを禁止にする方法 なにがなんでも、とにかく右クリックを禁止にする方法です。 以下のコードで実装できます。 $(func... 【jQuery】右クリックを禁止する方法続きを読む →
-
JavaScriptが無効な環境でのスタイルシートの読み込み タイトルのとおり。 JavaScriptが無効なブラウザや、都合によりJavaScriptが使えない環境でのみ、特別にCSSを読み込みたいときの方法を紹介します。 解決策はとても簡単で、「noscript」タグを使います。 <head... JavaScriptが無効な環境でのスタイルシートの読み込み続きを読む →
-
【JavaScript】スマホやタブレット端末で、デバイスを回転させたときにイベントを発動する方法 スマートフォンやタブレット端末で、デバイスを回転させて画面が縦横に切り替わったときに、イベントの判定処理を行う方法を紹介します。 回転イベント「orientationchange」を使う デバイスを回転させたときにイベントを発火させるには「... 【JavaScript】スマホやタブレット端末で、デバイスを回転させたときにイベントを発動する方法続きを読む →
-
-
ブラウザの「戻る」ボタンで画面遷移したときに強制的にリロードする方法 ブラウザの「戻る」ボタンを押したとき。通称「ブラウザバック」と呼ばれる画面遷移が行われたときに、強制的にページを再読み込みさせる方法です。 window.onpageshow = function(event) { if (event.pe... ブラウザの「戻る」ボタンで画面遷移したときに強制的にリロードする方法続きを読む →
-
ブラウザの「戻る」ボタンで画面遷移したときに強制的にリロードする方法 ブラウザの「戻る」ボタンを押したとき。通称「ブラウザバック」と呼ばれる画面遷移が行われたときに、強制的にページを再読み込みさせる方法です。 window.onpageshow = function(event) { if (event.pe... ブラウザの「戻る」ボタンで画面遷移したときに強制的にリロードする方法続きを読む →
-
-
-
-
-
【jQuery】モーダルウィンドウ実装する超秀逸［Modaal］プラグインの使い方 このjQueryプラグイン、モーダルウィンドウを手軽に実装したい方に超絶オススメです！ まずは実際の挙動を確認してみましょう。 DEMO : http://humaan.com/modaal/ 「VIEW EXAMPLE」をクリックすると、... 【jQuery】モーダルウィンドウ実装する超秀逸［Modaal］プラグインの使い方続きを読む →
-
