Web ブラウザに組み込まれた JavaScript

作成日 : 2013-01-26
最終更新日 :

オライリーの JavaScript 第6版 を図書館から借りて、 いろいろ調べている。 13 章の 「Web ブラウザに組み込まれた JavaScript」は知らないので、少し調べてみた。

クライアントサイドでできること

デジタル時計

下記はデジタル時計である。

ブックマークレット

ブックマークレットは、ブラウザのブックマークであり、かつ JavaScript の動作をする仕組みである。 ブックマークレットも参照されたい。

下記は、チェックボックスをすべて ON にするブックマークレットである

javascript:(function (){let inputs = document.getElementsByTagName('input');for (let j=0; j < inputs.length; j++) {let e = inputs[j];if (e.type === 'checkbox')e.checked = true;}})(); void 0;

チェックボックスを現在の状態と反対にするには、e.checked = true;を e.checked = !e.checked; にすればよい。

別のスクリプト

javascript:(function (){let inputs = document.getElementsByTagName('input');for(let i=0; ; i++) {for (let j=0; j < inputs.length; j++) {let e = inputs[j];if (e.type === 'checkbox')e.checked = true;} if(i < window.frames.length){try {inputs = window.frames[i].document.getElementsByTagName('input');} catch(e){}}else{break;}}})();void 0;

ユーザー名とパスワードを入力

下記はユーザー名とパスワードを入力するブックマークレットである。

javascript:(function(){n=document.getElementsByName("username");n.item(0).value="usernameHERE"; p=document.getElementsByName("password");p.item(0).value="passwordHERE";f=document.getElementsByTagName('form'); f.item(0).submit();})(); void 0;

まりんきょ学問所JavaScript 手習い > Web ブラウザに組み込まれた JavaScript


MARUYAMA Satosi