DOM操作、JavaScriptイベント、jQuery入門
BOM
Browser Object Model（ブラウザオブジェクトモデル）は、JavaScriptがブラウザと「対話」できるようにする仕組みです。
// ブラウザの内部ウィンドウの高さと幅
window.innerHeight;
window.innerWidth;
// 新しいウィンドウを開く
window.open(
'https://www.example.com',
'',
'width=400px; height=800px; top=200px; left=500px'
);
// 現在のペー ...
6月23日 16:19 投稿
jQueryの基礎と実践ガイド
jQueryとは
jQueryは、John Resigによって開発されたJavaScriptライブラリであり、\"Write Less, Do More\"（より少ないコードで、より多くのことを）という理念のもとに設計されています。軽量かつクロスブラウザ対応が強力で、DOM操作、イベント処理、アニメーション、AJAX通信を簡潔な構文で記述できる点が特徴です。豊富なプラグインエコシステムも存在しており、フロ ...
6月20日 00:25 投稿
JavaScriptウィンドウサイズとイベントハンドリング
ウィンドウサイズの取得
表示領域のサイズ
document.documentElement.clientWidth
document.documentElement.clientHeight
スクロール位置
// Chrome以外のブラウザで解釈される
document.documentElement.scrollTop
document.documentElement.scrollLeft
// Chromeで解釈される
document.body.scrollTop
document.body.scrollLeft
コンテンツのサイズ
obj.scrollHeigh ...
5月21日 03:56 投稿
jQueryで複数のセレクトボックスを効率的に操作する方法
ウェブアプリケーション開発において、複数のHTML <select> 要素の状態変化を効率的に監視し、適切な処理を実行する必要がある場面は少なくありません。この記事では、JavaScriptライブラリであるjQueryを使用して、複数のセレクトボックスの変更イベントを一元的に処理する手法について解説します。
jQueryの活用
jQueryは、DOM操作やイベント処理をシンプルかつ強 ...
5月13日 14:12 投稿